[220406]CSS 속성

🎥 인강

CSS 속성 (Property)

    - HTML 속성(Attribute)

 

표현 단위

 요 픽셀

% 상대적 백분율

em 요소의 글꼴 크기 (1em = 기본글꼴크기)

rem 루트요소(=html) 글꼴 크기

vw 뷰포트(브라우저 화면에 출력되는 영역의 전체) 가로 너비의 백분율 

vh 뷰포트 세로 너비의 백분율

---

박스모델

width , height

 

- 인라인 요소 : 콘텐츠 크기만큼 자동으로 줄어든다

- 블록 요소 : 가로는 부모 요소의 크기만큼 자동으로 늘어난다. 세로요소는 콘텐츠 크기만큼 자동으로 줄어든다.

 

margin

: 요소의 외부 여백을 지정하는 단축 속성

- 음수사용 가능

- auto 브라우저가 여백을 계산 (너비가 지정되어 있는 요소의 가운데 정렬에 사용)

padding

: 요소의 내부 여백을 지정하는 단축 속성

- 요소 크기가 영향을 줌

 

border

: 요소의 테두리 선을 지정하는 단축 속성

- 요소 크기의 영향을 줌

혹시 각 방향을 한번에 지정할 수 있나 싶어서 해봤지만 안됌

적용 안됌!

 

border-radius

: 요소의 모서리를 둥글게 깎음