728x90
๋ฐ์ํ
CSS _์ ํ์_๊ทธ๋ฃน์ ํ์
CSS์ ๋ฌธ๋ฒ ํ์์ ์ ํ์, ์์ฑ, ์์ฑ๊ฐ์ผ๋ก ์ด๋ฃจ์ด์ ธ ์์ต๋๋ค.
↓↓↓
[ CSS - ๋ฌธ๋ฒ ]
<style>
์ ํ์ { ์์ฑ1: ์์ฑ๊ฐ; ์์ฑ2: ์์ฑ๊ฐ; }
</style>
๊ทธ๋์ CSS์์๋ ์คํ์ผ์ ์ ์ฉํ ๋์์ ์ ํํ๊ธฐ ์ํด์ ์ ํ์๋ฅผ ์ฌ์ฉํฉ๋๋ค.
โถ ๊ทธ๋ฃน ์ ํ์
ใด ์ฌ๋ฌ ์ ํ์์ css๋ฅผ ์ ์ฉํ๊ณ ์ถ์ ๋ ์ฌ์ฉํฉ๋๋ค.
ใด CSS ์ ํ์ : ,(์ผํ)๋ฅผ ์ฌ์ฉ
(๋ถ๋ฅด๊ณ ์ถ์ ์ ํ์๋ฅผ ์ผํ๋ก ๊ตฌ๋ถํ์ฌ ์ฐ๊ฒฐํ์ฌ ๋ถ๋ฌ์ฃผ๋ฉด ๋ฉ๋๋ค.)
<p>ํ๊ทธ์ selector ๋ผ๋ ํด๋์ค ์ด๋ฆ์ ์ฃผ๊ณ <style>~</style>๋ก ๊ธ์ ์๊น์ ๋ณ๊ฒฝํด๋ณผ๊ป์~!
[ html - css ์์ฑ ์ฝ๋ ]
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>css class ์ ํ์</title>
<style>
h2, p { color: red;}
</style>
</head>
<body>
<h2>CSS ๊ทธ๋ฃน ์ ํ์1</h2>
<p>CSS ๊ทธ๋ฃน ์ ํ์2</p>
</body>
</html>
[ css ๋ฃ๊ธฐ ์ ]
[ ์คํ ํ๋ฉด์ ๋ณํ ]
728x90
๋ฐ์ํ
'๐ปCoding > ๐ CSS' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
| CSS _์ ํ์_์์ฑ ์ ํ์(attribute selectors) (0) | 2021.11.19 |
|---|---|
| CSS _hover (0) | 2021.10.26 |
| CSS _์ ํ์_ํด๋์ค์ ํ์ (0) | 2021.08.27 |
| CSS _์ ํ์_์์ด๋์ ํ์ (2) | 2021.08.26 |
| CSS _์์ฑ ์์น์ ์ฐ๊ฒฐ๋ฐฉ๋ฒ (0) | 2021.08.25 |