CSS에서 특정 HTML태그를 선택할 때는 선택자를 사용한다
h1 { color : red;}
선택자 스타일 속성 스타일 값| 종류 | 형태 | 설명 |
|---|---|---|
| 전체 선택자 | * | HTML 패이지 내부의 태그를 모두 선택 |
| 태그 선택자 | 태그 | HTML페이지 내부의 특정 태그를 모두 선택 |
| 아이디 선택자 | #아이디 | 특정 id속성이 있는 태그 선택, 웹 표준에 id속성은 웹페이지 내부에서 중복되면 안된다는 규정이 있으므로 아이디 선택자는 특정 태그 하나를 선택할 떄 사용 |
| 클래스 선택자 | .클래스 | 특정 클래스가 있는 태그 선택 |
- 전체 선택자 사용
<!DOCTYPE html>
<html>
<head>
<title>HTML Basic</title>
<style>
* { color:red; }
</style>
</head>
<body>
<h1>CSS 선택자 기본</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</body>
</html>
- 태그 선택자
<!DOCTYPE html>
<html>
<head>
<title>HTML Basic</title>
<style>
h1 { color:red; }
p { color:blue;}
</style>
</head>
<body>
<h1>CSS 선택자 기본</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</body>
</html>
나머진 나중에~ 너무 어려워ㅠㅠ
Hi!