๋ชฉ์ฐจ
๊ธฐ๋ณธ ์์ ์คํ์ผ
font-size : ํฌ๊ธฐ ์ง์
px em rem ๋ฑ
font-weight : ๊ธ๊ผด ๋๊ป
bold(700) normal(๊ธฐ๋ณธ๊ฐ,400) / 100~900
line-height : ์ค ๊ฐ๊ฒฉ
em
font-family : ๊ธ๊ผด
font-style : ๋ฌธ์ ์คํ์ผ
italic normal oblique
color
(์์ ๋ช ) #16์ง์์ฝ๋ rgb(0,0,0) rgba(0,0,0,0.5) - ๋ง์ง๋ง๊ฐ ํฌ๋ช ๋
text-decoration : ํ ์คํธ ์ค ํ์/์ ๊ฑฐ
underline(๋ฐ์ค) line-through(์ทจ์์ ) overline none
text-transform : ๋์๋ฌธ์ ์ค์
capitalize(์ฒซ ๊ธ์๋ง ๋๋ฌธ์) uppercase(๋๋ฌธ์) lowercase(์๋ฌธ์) none
text-align : ์ ๋ ฌ
center left right justify(์์ชฝ ์ ๋ ฌ)
text-shadow : ๊ทธ๋ฆผ์
(x-์ถ๊ฑฐ๋ฆฌ) (y-์ถ๊ฑฐ๋ฆฌ) (ํผ์ง ๊ฑฐ๋ฆฌ ์ ๋) (์์)
none
์ผ๋ฐ์ ์ธ ์ค์
font-size
body์ ๊ธฐ๋ณธ์ค์ ํฐํธํฌ๊ธฐ๋ 16px
๊ฐ์ฅ ์ผ๋ฐ์ ์ผ๋ก ๊ฐ๋ ์ฑ์ด ๋์ ํฌ๊ธฐ๋ 15px!
line-height
1.6em์ด ์ผ๋ฐ์
(em์ ์๋ ๋จ์, ํฐํธ ํฌ๊ธฐ๋ฅผ ๋ฐ๊พธ๋ฉด ์ค ๊ฐ๊ฒฉ์ด ์๋์ผ๋ก ๋ณํจ)
๋ชฉ๋ก ์คํ์ผ
disc โ circle โ square โ none ๋ฑ๋ฑ
์์๋ก ์ค์
1. list-style-image: url(์์ด์ฝ ์ด๋ฏธ์ง๊ฒฝ๋ก)
2. ๊ฐ์ํด๋์ค before ์ด์ฉํด ๋ณ๊ฒฝ
<ul class="menu">
<li>menu1</li>
<li>menu2</li>
<li>menu3</li>
</ul>
.menu li::before {
content: 'โ';
}
'๐ | WEB DEV > HTML CSS' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
CSS ๊ธฐ๋ณธ (4)_๋ฐ์ค(border, border-radius) (0) | 2022.01.01 |
---|---|
CSS ๊ธฐ๋ณธ (3)_์์, ์์ ์ ํ์ (0) | 2021.12.31 |
CSS ๊ธฐ๋ณธ (1)_๋ฌธ๋ฒ,์ ํ์ (0) | 2021.12.31 |
HTML ํต์ฌ ํ๊ทธ๋ค (0) | 2021.12.31 |
HTML&CSS EMMET (w.VSCODE) (0) | 2021.12.30 |
๋๊ธ