Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | |||||
| 3 | 4 | 5 | 6 | 7 | 8 | 9 |
| 10 | 11 | 12 | 13 | 14 | 15 | 16 |
| 17 | 18 | 19 | 20 | 21 | 22 | 23 |
| 24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- box-shadow
- boxmodel
- css
- inline-block
- html
- box-sizing
- Align
- clonecoding
- Justify
- JavaScript
- Media
- PX
- google클론코딩
- inline
- font-size
- REM
- 클론코딩
- align-items
- flex
- 마진겹침
- justify-content
- EM
- flexbox
- MARGIN
- content-box
- margin-collapsing
- WebProgramming
- mediaquery
- border-box
- Block
Archives
- Today
- Total
목록PX (1)
Suhenism
[CSS] font-size 단위 px, em, rem
font-size 단위 1. px 2. em 3. rem px은 고정된 크기이고, em은 해당 element에서 바로 상위 element의 font-size 기준, rem은 최상위 요소 font-size 기준이다. (px, em, rem의 차이를 확인하기 위해 다음의 CSS 코드를 사용했다) CSS .px { font-size: 16px; } .em { font-size: 1em; } .rem { font-size: 1rem; } (참고로, 브라우저 대부분의 font-size 기본값은 16px이다) 대부분의 브라우저에는 사용자가 텍스트를 편하게 읽을 수 있도록 글자크기를 설정할 수 있는 기능을 제공한다. 하지만 font-size를 px 단위로 설정하면 사용자가 브라우저에서 글꼴 크기를 바꾸더라도 변하지 ..
Coding 코딩/CSS
2022. 9. 8. 21:22