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 | 31 |
Tags
- ์๊ณ ๋ฆฌ์ฆ
- js
- javascript
- ์ ๊ฐ์ฐ์ฐ์
- string
- float
- ํ๋ก๊ทธ๋๋จธ์ค ์ฝ๋ฉํ ์คํธ
- vscode
- @mixin
- ํฉ๊ณ ์๊ณ ๋ฆฌ์ฆ
- inline
- Em
- ::before
- VSCODE๋จ์ถํค
- SASS
- css
- ์ธ๋ผ์ธ
- html ํ๊ทธ
- TAG
- input
- ํ๋ก๊ทธ๋๋จธ์ค
- carousel slider
- scss
- ์ธ๋ผ์ธ๋ธ๋ก
- object
- ์ฝ๋ฉํ ์คํธ
- ๋ฌธ์์ด
- HTML
- layout
- ์๋ฐ์คํฌ๋ฆฝํธ
Archives
- Today
- Total
Outputor
CSS ํฐํธ ์ฌ์ด์ฆ ๋จ์ ๋ณธ๋ฌธ
CSS ํฐํธ ์ฌ์ด์ฆ ๋จ์
| pixels | em | percent | points |
| 10px | 0.625em | 62.5% | 8pt |
| 11px | 0.688em | 68.8% | 8pt |
| 12px | 0.75em | 75% | 9pt |
| 13px | 0.813em | 81.3% | 10pt |
| 14px | 0.875em | 87.5% | 11pt |
| 15px | 0.938em | 93.8% | 11pt |
| 16px | 1em | 100% | 12pt |
| 17px | 1.063em | 106.3% | 13pt |
| 18px | 1.125em | 112.5% | 14pt |
| 19px | 1.188em | 118.8% | 14pt |
| 20px | 1.25em | 125% | 15pt |
- ์ผ๋ฐ์ ์ผ๋ก ์น์์๋ px ๋จ์๋ฅผ ์ฌ์ฉํจ
(em, %, pt ๋จ์๋ ๊ฑฐ์ ์ฌ์ฉํ์ง ์์ง๋ง line-height์ ๊ฒฝ์ฐ em์ฌ์ฉ) - CSS ํ์ผ body ์์ font-size๊ฐ ์์ผ๋ฉด ๊ธฐ๋ณธ ํฐํธ ํฌ๊ธฐ์ธ 16px๋ก ์ ์ฉ๋จ
'๐จ CSS ๐ป' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
| ์ธ๋ผ์ธ๋ธ๋ก(inline-block) margin ์ ๊ฑฐ (0) | 2021.12.29 |
|---|---|
| ::before ::after ๊ฐ์ํด๋์ค (0) | 2021.12.29 |
| CSS position (0) | 2021.12.29 |
| ๋ธ๋ก์์ vs ์ธ๋ผ์ธ์์ (0) | 2021.12.29 |
| background ์ ์ดํ๊ธฐ (0) | 2021.12.29 |
'๐จ CSS ๐ป' Related Articles
more
