Coding/HTML & CSS

[CSS] selector

호밀이 2022. 5. 2. 10:37

CSS selector: html에 작성한 요소에 접근하는 방법

 

CSS Style 적용방법

inaternal: HTML문서 내에서 CSS style 적용

<html>
<style>
	h1 {color: red}
</style>
<body>
	<h1>inaternal</h1>
</body>
</html>

 

external: HTML문서 내에서 CSS파일 연동하는 방법

<lin rel="stylesheet" href="css파일경로.파일명.확장자">

 

inline: 태그 내에서 style 적용

<html>
<body>
	<h1 style="color: red;">inaternal</h1>
</body>
</html>

 

 

Selector: 요소 접근 방법

전체 selector: 모든 요소에 접근

* { }

 

태그 selector: 태그에 접근

div { }

p { }

 

Class selector: 클래스에 접근

.container{ }

 

Id selector: 아이디에 접근

#container { }

 

자식 selector: 부모의 밑에 있는 자식 요소에 접근

body > div { }