《2018年9月5日》【连续337天】
标题:css复杂选择器,常见css属性;
内容:
1.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="l3.css">
</head>
<body>
<div>
<em>456</em>
<strong>
<em>123</em>
</strong>
</div>
<em>123</em>
<div>1</div>
<div class="demo">2</div>
<p class="demo">3</p>
</body>
</html>
/*父子选择器/派生选择器*/
strong em{
background-color: red;
}
/*直接子元素选择器*/
div > em{
background-color: blue;
}
/*并列选择器*/
div.demo{
background-color: yellow;
}
/*分组选择器*/
/*em,div{
background-color: red;
}*/
2.css属性:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="l5.css">
</head>
<body>
<div>
举个例子
</div>
</body>
</html>
div{
font-size: 25px;
font-weight: bold;
font-style: italic;
font-family: arial;
/*color: red;*/
color: #f40;
/*color: rgb(123,123,123);*/
border:20px solid;
border-top-color: blue;
border-left-color: yellow
}
常见属性:https://leohxj.gitbooks.io/front-end-database/html-and-css-basic/common-use-css-property.html