20210525 CSS03 : CSS 속성, (width, height) 관련 속성, 표현단위, margin, padding, border 관련 속성, 색상 표현
CSS03 CSS 속성(Properties) HTML 속성 : Attributes CSS 속성 : Properties JS 속성 : Properties 박스 모델 width , height 요소의 가로/세로 너비 기본 값 (property가 선언되지 않은 경우) auto : 브라우저가 너비를 계산 인라인 요소(auto 값) 콘텐츠 크기 만큼 width, height가 맞춰짐 (예. span 태그, 인라인 요소에서 특정 너비 값은 무시됨) 블록 요소(auto 값) width는 부모 요소의 크기 만큼 자동으로 맞춰짐 height는 내부의 콘텐츠 크기만큼 자동으로 맞춰짐 (예. div 태그) 지정 할 수 있는 값 px, em, vw 등 단위로 지정 max-width, max-height 요소가 커질 수 있는 ..
20210115_웹 프론트엔드 기초02, CSS영역, Reset, 선택자, 사이트 실습
웹 프론트엔드(web front end) 기초02 1. CSS 박스 모델 모든 html 요소는 박스의 형태로 배치가 됨 -> CSS 박스 모델 영역 구성 : 내용(content) 영역 -> 안쪽 여백 영역(padding) -> 테두리 영역(border) -> 바깥 여백 영역(margin) paddig, border, margin 영역 모두 상화좌우 영역 값 조정 가능 1) content 영역 width, height 로 영역 조정 가능(고정, 상대값 모두 가능 -> px , em , %) w,h 값 없으면 글씨 크기 만큼의 영역이 지정 inline 요소의 경우 (a, span) w,h 의 영향을 받지 않음. 단, img 요소와 같은 멀티미디어 요소의 경우 w,h 값의 영향을 받음 2) paddig 영역 ..
