๋ฐ์ํ
1. External Css ์ธ๋ถ ํ์ผ ๋ฐฉ์
- css์คํ์ผ ์์ค๋ฅด ์ธ๋ถ ํ์ผ๋ก ๋
๋ฆฝ ์์ผ ์์ฑ ํ ์น๋ฌธ์์ ์ฐ๊ฒฐํ์ฌ ์ ์ฉ.
- ์น๋ฌธ์์ head ํ๊ทธ ๋ด์ link ํ๊ทธ๋ฅผ ์ด์ฉํ์ฌ ์ธ๋ถ css ํ์ผ์ ์ฐ๊ฒฐ ์์ผ ์ค.
bodyํ๊ทธ ์์ ์๋ background color, font-size, lint-height ๋ฅผ ๋ณ๊ฒฝ
background color : ๋ฐฐ๊ฒฝ์
font-size : ๊ธ์ ํฌ๊ธฐ
lint-height : ์ค ๋์ด
2. Internal CSS ์น๋ฌธ์ ๋ด์ฅ ๋ฐฉ์
- ์น๋ฌธ์์ head ํ๊ทธ ๋ด์ ์คํ์ผ ์์ค๋ฅผ ์์ฑ.
test-align : ๊ธ์ ์ ๋ ฌ
start : ์ผ์ชฝ์ ๋ ฌ
end : ์ค๋ฅธ์ชฝ์ ๋ ฌ
center : ๊ฐ์ด๋ฐ ์ ๋ ฌ
justify : ์์ชฝ ์ ๋ ฌ
3. Inline CSS ์ธ๋ผ์ธ๋ฐฉ์
- ์น๋ฌธ์์ bodyํ๊ทธ ๋ด์ ํด๋น ํ๊ทธ ๋ค์ ์ง์ ์คํ์ผ์์ค๋ฅผ ์์ฑ.
๋ฐ์ํ
'STUDY > CSS' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
CSS - text (0) | 2022.05.13 |
---|---|
CSS - font (0) | 2022.04.29 |
CSS - ์ ํ์๋ฅผ ์ด์ฉํด์ css ์ ์ฉ (0) | 2022.04.29 |