1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
<!-- index.html -->
<html>
<head>
<meta charset="utf-8">
<link href='style.css' type="text/css" rel="stylesheet">
</link>
</head>
<body>
<div class="page">
<p> Hello JTEVE </p>
<h5> CSS3 </h5>
</div>
</body>
</html>
| cs |
.클래스 선택자로 page를 선택하고 속성을 변경한다.
많은 요소들은 기본적으로 자식 요소에 상속되지만,
background-color나 border는 자식에게 상속되지 않는다.
이유는 모든 프로퍼티가 상속되면, 페이지가 엉망이 될 것이기 때문이다.
상속을 받으려면 inherit 값을 프로퍼티 값에 사용해야한다.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
/*
style.css
*/
body{
font-family: arial, verdana, sans-serif;
background-color: rgb(185,179,175);
padding:20px;
}
.page{
color:rgb(0,255,0);
background-color : #fefefe;
padding : inherit;
border : 1px solid #665544;
}
| cs |
댓글 없음:
댓글 쓰기