Programmers

1. width 가로 넓이 기본값 블록 요소(div) width: auto = width: 100%; 인라인 요소(span) width: auto = width: 0; 2. height 세로 넓이 기본값 블록 요소(div) height: auto = height: 0; 인라인 요소(span) height: auto = height: 0; - 인라인 요소는 가로 세로 값을 가질 수 없다. 하지만 text가 있으면 출력된다. 즉, 인라인요소는 텍스트에 특화되어 있다!

IMG : 이미지를 삽입 IMG 속성 src: 필수, 이미지 url alt: 필수, 이미지가 안 들어왔을 때 대체 텍스트 width: 이미지의 가로나비 height: 이미지의 세로 너비 ※width, height는 크기를 조절하는 용도라면 둘 중 하나만 입력하는 것이 바람직하다. width, height 예제 1 px로 사이즈를 지정하지 않았다. 숫자만 넣었다. width, height 예제 2 - index.html - main.css img { width: 666px; } css를 이용해서도 이미지의 사이즈를 조절할 수 있다. srcset: 브라우저에게 제시할 이미지 url과 원본 크기의 목록을 정의 값 w, x sizes: 미디어 조건과 해당 조건일 때 이미지 최적화 크기의 목록을 정의 srcset..