πŸ’»Coding/πŸ“’ CSS

CSS _μ„ νƒμž_μ•„μ΄λ””μ„ νƒμž

μŒμ€μ‘ 2021. 8. 26. 10:09
728x90
λ°˜μ‘ν˜•

CSS _μ„ νƒμž_μ „μ²΄μ„ νƒμž

CSS - μ„ νƒμž

- CSS의 문법 ν˜•μ‹μ€ μ„ νƒμž, 속성, μ†μ„±κ°’μœΌλ‘œ 이루어져 μžˆμŠ΅λ‹ˆλ‹€.
↓↓↓

κ·Έλž˜μ„œ CSSμ—μ„œλŠ” μŠ€νƒ€μΌμ„ μ μš©ν•  λŒ€μƒμ„ μ„ νƒν•˜κΈ° μœ„ν•΄μ„œ μ„ νƒμžλ₯Ό μ‚¬μš©ν•©λ‹ˆλ‹€.

μ„ νƒμž(selector)의 μ’…λ₯˜

β–Ά μ•„이디(id) μ„ νƒμž
γ„΄ μžλ°”μŠ€ν¬λ¦½νŠΈμ—μ„œ μ€‘λ³΅λœ 아이디가 있으면 였λ₯˜κ°€ λ°œμƒν•˜κΈ° λ•Œλ¬Έμ— 같은 idλŠ” ν•œκ°œλ§Œ μ‚¬μš©!
γ„΄ νƒœκ·Έ μ„ μ–Έμ‹œ : id = "name"
γ„΄ CSS μ„ νƒμ‹œ : #name { 속성 : 속성값; }

 

[ 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>
        #name { color: red;}
    </style>
</head>
<body>
    <p id="name">CSS 아이디 μ„ νƒμž</p>
</body>
</html>

 

[ μ‹€ν–‰ν™”λ©΄ ]

728x90
λ°˜μ‘ν˜•
μ €μž‘μžν‘œμ‹œ λΉ„μ˜λ¦¬ λ³€κ²½κΈˆμ§€

'πŸ’»Coding > πŸ“’ CSS' μΉ΄ν…Œκ³ λ¦¬μ˜ λ‹€λ₯Έ κΈ€

CSS _μ„ νƒμž_κ·Έλ£Ήμ„ νƒμž  (2) 2021.09.13
CSS _μ„ νƒμž_ν΄λž˜μŠ€μ„ νƒμž  (0) 2021.08.27
CSS _μž‘μ„± μœ„μΉ˜μ™€ 연결방법  (0) 2021.08.25
css _문법 + (css 맛보기)  (2) 2021.08.23
CSS _기초 : CSSλž€?  (2) 2021.08.23

'πŸ’»Coding/πŸ“’ CSS'의 λ‹€λ₯ΈκΈ€

  • ν˜„μž¬κΈ€CSS _μ„ νƒμž_μ•„μ΄λ””μ„ νƒμž

κ΄€λ ¨κΈ€

λŒ“κΈ€

ν‹°μŠ€ν† λ¦¬νˆ΄λ°”