1. font-size
- px : 절대값
- rem : <html> 태그의 font-size에만 영향을 받음
- em : 자기 자신의 font-size 의 2배. 자기 사진의 font-size를 따로 정해주지 않을 경우, 상위 요소에서 상속받은 값을 기준으로 함
- % : 상위 요소의 font-size의 몇 %
2. padding, margin
- px
- % : 상위 요소의 width 값의 몇 %
div {
width: 900px;
height: 700px;
margin-top: 10%;
}
∴ margin-top 값은 90px
'HTML + CSS' 카테고리의 다른 글
| [HTML + CSS] img를 포함한 여러 요소 함께 링크 (0) | 2019.04.08 |
|---|---|
| [HTML + CSS] display의 종류 (0) | 2019.04.08 |
| [HTML + CSS] CSS 우선 순위 (0) | 2019.04.08 |
| [HTML + CSS] CSS 상속(inherit) (0) | 2019.04.08 |
| [HTML + CSS] CSS 선택자(selector) (0) | 2019.03.29 |