IT 일기장

[HTML&CSS] CSS Selectors 본문

프로그래밍 언어/HTML&CSS

[HTML&CSS] CSS Selectors

뽕슈 2021. 12. 4. 22:49
반응형

내용은 태그에 속성을 주고 CSS를 줄 수 있다는 내용이다

1번째는 id 속성..

 

index.html

<html>
    <head>
        <link rel="stylesheet" type="text/css" href="style.css">
    </head>
    <body>
        <p id="para">My First CSS Example</p>
        <p>This is a paragraph</p>
    </body>
</html>

style.css

#para{text-align:center;color:blue;}

당연히 id 준곳에 CSS가 먹겠지 근데 궁금했던건 저 css에 p tag 옵션을 추가해주면 어떻게 될까?

 

style.css

#para{text-align:center;color:blue;}
p{text-align:left;color:red;}

id 속성에 준건 변하지 않고 아래 p tag만 변경됐다. p tag 소스를 먼저 적어도 마찬가지.

반응형

'프로그래밍 언어 > HTML&CSS' 카테고리의 다른 글

[HTML&CSS] 구글 이스터에그 do a barrel roll 구현  (0) 2023.08.09
[CSS] 상단 여백 조절  (0) 2021.12.14
[HTML&CSS] CSS Selectors - 2  (0) 2021.12.05
[HTML&CSS] CSS Tutorial  (0) 2021.12.04
'프로그래밍 언어/HTML&CSS' Related Articles more
Comments