display란? display은 css 레이아웃 속성 중 하나이며 요소를 어떻게 보여줄지 결정한다. 알아둘만한 속성은 6개 정도가 있으며, 태그마다 기본적으로 적용된 속성이 다르다. none 요소를 렌더링하지 않도록 설정함 visibility: hidden으로 설정한 것과 달리, 영역도 차지하지 않음 inline 한 줄로 나열됨 텍스트의 크기 만큼 영역 차지함 (width, height 설정 불가/ img 는 예외적으로 높이와 너비 설정 가능) 줄바꿈되지 않음 inline 속성인 태그들 , , , , , , , , , , , , , , , , , , , , block 블럭처럼 위에서부터 차곡차곡 쌓이며 줄바꿈 됨 width는 기본적으로 100%를 차지함 (부모가 있을 경우 부모 너비의 100% 차지) ..
html
SVG란? SVG(Scalable Vector Graphics, SVG)는 2차원 벡터(Vector) 그래픽을 표현하기 위한 XML 기반의 파일 형식이다. SVG 파일의 장단점 장점 픽셀로 구성된 래스터(Raster) 파일과 달리, SVG는 벡터(Vector) 그래픽이기 때문에 크기를 조정해도 해상도를 유지한다. 비교적 많은 컬러 픽셀로 생성되는 래스터 이미지에 비해 용량이 작다. SVG 파일은 텍스트를 디자인이 아닌 텍스트 그대로 처리하기 때문에 스크린 리더가 SVG 이미지에 포함된 모든 단어를 스캔할 수 있다. 따라서 웹 페이지를 읽어야 할 때 유용하며 검색엔진은 SVG 이미지 텍스트를 읽고 색인을 달 수도 있다. 단점 SVG 파일은 로고, 일러스트레이션, 차트 등 웹 그래픽에 적합하며, 픽셀이 부족..
