<link rel="stylesheet" href="style.css" />
<style>
body {
font-family: Arial, Verdana, sans-serif;
color: #665544;
background-color: #efefef;
}
h1 {
color: #ffffff;
background-color: #665544;
padding: 10px;
}
p {
border: 1px solid #665544;
padding: 10px;
}
</style>
<h1 style="color: #ffffff; background-color: #665544; padding: 10px;">
CSS Introduction / CSS 소개
</h1>
selector {
property: value;
}
| Selector | Example / 예시 | Description / 설명 |
|---|---|---|
* |
* |
All / 모두 |
p |
p |
Element / 요소 |
#id |
#id |
ID / 아이디 |
.class |
.class |
Class / 클래스 |
p#id |
p#id |
Element ID / 요소 아이디 |
p.class |
p.class |
Element Class / 요소 클래스 |
p a |
p a |
Descendant / 자손 |
p > a |
p > a |
Child / 자식 |
p + a |
p + a |
Adjacent Sibling / 인접 형제 |
p ~ a |
p ~ a |
General Sibling / 일반 형제 |