CSS知识总结
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>xxx</title>
<link rel="shortcut icon" type="image/x-icon" href="images/logo.png">
<link rel="stylesheet" type="text/css" href="css/index.css">
<style>
p{color:red;}
#one{height:100px;width:100px;background:red;}
.two{height:100px;width:100px;background:blue;}
p i{font-weight:bold;font-size:60px;}
a[href="#"]{color:#ccc;}
a[href="http://xxxx.com"]{color:#ccc;}
*{padding:0px;margin:0px;}
.a{padding:20px 30px 40px 50px;background:red;}
.b{padding-left:50px;background:red;}
#one-a{width:100px;height:100px;backgroud:pink;margin-top:10px;}
#one-b{width:100px;height:100px;backgroud:pink;margin:0px auto;}
</style>
</head>
<body>
<p>xxx</p>
<div id="one">xxx</div>
<div class="two">xxx</div>
<p><i>xxx</i></p>
<a href="#">链接1</a>
<a href="http://xxxx.com">链接2</a>
<span class="a">xxx</span>
<span class="b">xxx</span>
<div id="one-a">xxx</div>
<div id="one-b">xxx</div>
</body>
</html>