| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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
- Dijkstra
- java #자바 #동빈나
- java #자바
- BFS
- 프로그래머스 #파이썬 #알고리즘 #코딩테스트
- 다익스트라
- PYTHON
- 파이썬 #알고리즘 #코딩테스트 #프로그래머스
- 파이썬
- css #웹 #생활코딩
- 프로그래머스
- 프로그래머스 #파이썬 #코딩테스트 #알고리즘
- css #생활코딩 #웹
- 백준
- 백준 #알고리즘 #파이썬 #코딩테스트
- java #자바 #나동빈
- 백준 #파이썬 #알고리즘 #코딩테스트
- 파이썬 #백준 #알고리즘 #코딩테스트
- 재귀
- 백트랙킹
- react #리액트 #동빈나 #나동빈 #유튜브강의
- java #자바 #생활코딩
- DFS
- 투포인터
- 알고리즘
- react #리액트 #동빈나
- 자바 #java
- dp
- 코딩테스트
- 다이나믹프로그래밍
Archives
- Today
- Total
커리까지
CSS 수업 - 타이포그래피 : font-size 본문
728x90
SMALL
단위
- px : 절대적
- em : 상대적
- rem : 상대적
- 오늘날에는 rem을 쓰면 된다.
- 폰트 크기를 조정할 수 있어서 좋다.
- 사용자가 브라우저의 글꼴을 키울때 px는 변하지않고 rem은 변한다.
<html>
<head>
<style>
#px{font-size:16px;}
#rem{font-size:1rem;}
</style>
</head>
<body>
<div id='px'>
PX
</div>
<div id='rem'>
REM
</div>
</body>
</html>- 브라우저 폰트 Very Small
- 브라우저 폰트 Large
- 사용자가 폰트 크기를 조정하면 rem은 변하고 px는 변하지 않는다.
728x90
LIST
'CSS' 카테고리의 다른 글
| CSS 수업 - 타이포그래피 : font (0) | 2021.02.25 |
|---|---|
| CSS 수업 - 타이포그래피 : color (0) | 2021.02.23 |
| CSS 수업 - 속성을 공부하는 방법 (0) | 2021.02.18 |
| CSS 수업 - 다양한 선택자들 4 (0) | 2021.02.17 |
| CSS 수업 - 다양한 선택자들 3 (0) | 2021.02.16 |
Comments