1. tag์ ํ์
- tag ๊ทธ๋๋ก ์ ํ์๋ก ํ์ฉ.
๊ฐ์ tag๋ ๋์ผํ ์คํ์ผ๋ก ๋ชจ๋ ์ ์ฉ ๋จ. ์๋์ ์ฉ, ๊ฐ์ ์ ์ฉ.
2. id์ ํ์
- #id๊ฐ ํํ๋ก ์ ํ์๋ก ํ์ฉ. <br>
id๊ฐ์ด ์ค๋ณต์ ์ฉ ๋ถ๊ฐํ ํน์ง์ด ์์ผ๋ฏ๋ก ์คํ์ผ๋ ์ค๋ณต์ ์ฉ ๋ถ๊ฐ. ์ฃผ๋ก ๊ตฌ์กฐ์ ์ธ ๋ชฉ์ ์ ์ฌ์ฉ ๋จ.
3. class์ ํ์
- .class๊ฐ ํํ๋ก ์ ํ์๋ก ํ์ฉ. <br>
class๊ฐ์ด ์ค๋ณต์ ์ฉ์ด ๊ฐ๋ฅํ๋ฏ๋ก ์ฌ๋ฌ ์์์ ๊ฐ์ ์คํ์ผ์ ์ฉ ๊ฐ๋ฅ. ์ฃผ๋ก ๋์์ธ์ ์ธ ๋ชฉ์ ์ ์ฌ์ฉ ๋จ.
li ํ๊ทธ์ ๊ฐ๊ฐ id์ class ํ๊ทธ๋ก ๊ตฌ๋ถํด์ค ๋ค,
์ style ํ๊ทธ์์ id ํ๊ทธ๋ #์ ์ด์ฉํด์, class ํ๊ทธ๋ . ์ ์ด์ฉํด์ ํ์ฉํด์ค๋ค.
์ธ๋ถํ์ผ์์๋ ๋๊ฐ์ด ์ ์ฉ ํ ์ ์์
์ ์ฉํ๊ณ ์ถ์ ํ๊ทธ์ ํด๋์ค๋ฅผ ๋ถ์ฌํด์ฃผ๊ณ ,
ํด๋์ค๋ฅผ ๋ถ์ฌํด์คฌ์ผ๋ . ์ ์ฌ์ฉํด์ ๋ณ๊ฒฝํ ์์ฑ์ ์ ๋ ฅํด์ค๋ค.
white-space : ๊ณต๋ฐฑ์ ์ฒ๋ฆฌํ๋ ๋ฐฉ๋ฒ
normal : ์ฐ์ ๊ณต๋ฐฑ์ ํ๋๋ก ํฉ์นจ. ๊ฐํ ๋ฌธ์๋ ๋ค๋ฅธ ๊ณต๋ฐฑ ๋ฌธ์์ ๋์ผํ๊ฒ ์ฒ๋ฆฌํจ.
ํ ์ค์ด ๋๋ฌด ๊ธธ์ด์ ๋์น ๊ฒฝ์ฐ ์๋์ผ๋ก ์ค์ ๋ฐ๊ฟ.
nowrap :์ฐ์ ๊ณต๋ฐฑ์ ํ๋๋ก ํฉ์นจ. ์ค ๋ฐ๊ฟ์ <br> ์์์์๋ง
pre : ์ฐ์ ๊ณต๋ฐฑ ์ ์ง. ์ค ๋ฐ๊ฟ์ ๊ฐํ ๋ฌธ์์ <br> ์์์์๋ง
pre-wrap : ์ฐ์ ๊ณต๋ฐฑ ์ ์ง. ์ค ๋ฐ๊ฟ์ ๊ฐํ ๋ฌธ์์ <br> ์์์์ ์ผ์ด๋๋ฉฐ,
ํ ์ค์ด ๋๋ฌด ๊ธธ์ด์ ๋์น ๊ฒฝ์ฐ ์๋์ผ๋ก ์ค์ ๋ฐ๊ฟ.
pre-line : ์ฐ์ ๊ณต๋ฐฑ์ ํ๋๋ก ํฉ์นจ. ์ค๋ฐ๊ฟ์ ๊ฐํ ๋ฌธ์์ <br> ์์์์ ์ผ์ด๋๋ฉฐ,
ํ ์ค์ด ๋๋ฌด ๊ธธ์ด์ ๋์น ๊ฒฝ์ฐ ์๋์ผ๋ก ์ค์ ๋ฐ๊ฟ.
'STUDY > CSS' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
CSS - text (0) | 2022.05.13 |
---|---|
CSS - font (0) | 2022.04.29 |
CSS - css๋ฅผ ์ ์ฉํ๋ 3๊ฐ์ง ๋ฐฉ๋ฒ (0) | 2022.04.29 |