개발 준비/HTML&CSS 2

모바일 버전에서 br 태그 무시하기

데스크탑에서는 br 태그를 넣어 줄을 끊어줘야 자연스럽고, 모바일에서는 br태그를 넣지 않아야 자연스러운 경우가 있다. 이런 경우에는 모바일에서만 br 태그를 무시하게 할 수 있다. css에서 강제로 br 태그 무시하게 하기 @media only screen and (max-width:767px){ br { display:none!important; } } css 조금 더 심화버전 important를 쓰지 않고 br태그 무시하는 방법 @media only screen and (max-width:767px){ br{ display:inline-block content:" "; padding:0 2px; } } JavaScript에서 br 태그 무시하게 하기

SVG 태그에 대해서 알아보자!

SVG란? SVG란 Scalable Vector Graphics로써, 벡터 그래픽을 표현하기 위한 XML 마크업 언어이다. 픽셀 단위로 이미지를 구성하는 png, jpg와는 다르게 벡터 기반으로 이미지를 표현할 수 있다. 벡터 기반이다 보니 이미지를 축소하거나 확대해도 이미지가 깨지지 않고, 용량이 작기 때문에 웹상에서 주로 사용하는 이미지 형식이다. W3C에서 개발했으며 CSS, DOM, SMIL과 호환된다. 태그란? 웹상에서 벡터 이미지를 구현하기 위해 사용하는 마크업 태그이다. SVG 이미지를 구현하기 위해서는 태그로 시작하는데 width, height 속성을 사용하여 이미지의 가로와 세로 길이를 조절할 수 있다. HTML 상에 코드를 그대로 넣어줌으로 웹상에서 벡터 이미지를 구현할 수 있는데, 이..