摘要：<html><head> <meta charset="utf-8"> <title>css練習(xí)</title> <link rel="stylesheet" type="text/css" href="2.css"
<html>
<head>
<meta charset="utf-8">
<title>css練習(xí)</title>
<link rel="stylesheet" type="text/css" href="2.css" />
<style type="text/css">
*{
margin:0px;
padding:0px;
}
.ph1{color:blue;}
span{background:#ccc;}
#ph3{font-size:20px;}
p i {color:red;}
a[href="https://www.baidu.com/"] {font-family:楷體;}
.box1{
width:200px;
height:150px;
background:#ccc;
margin:20px;
padding:30px;
text-align:center;
border:1px solid blue;
}
.box2{
width:200px;
height:150px;
background:#ccc;
margin:20px;
padding:30px;
border-left:1px solid red;
border-right:2px dashed blue;
}
</style>
</head>
<body>
<p style="color:red">內(nèi)聯(lián)樣式</p>
<p class="ph1">內(nèi)部樣式</p>
<p class="ph2">外部樣式</p>
<span>標簽選擇器</span>
<p id="ph3">id選擇器</p>
<p class="ph1">類選擇器</p>
<p><i>派生</i>選擇器</p>
<a href="http://ipnx.cn/">屬性選擇器</a>
<a href="https://www.baidu.com/">百度</a>
<div class="box1">盒子:內(nèi)部元素、內(nèi)邊距、邊框、外邊距</div>
<div class="box2">左右邊框</div>
</body>
</html>
批改老師：滅絕師太批改時間：2019-02-19 15:23:12
老師總結(jié)：前面的知識點比較書面,后面帶有案例會精彩很多,繼續(xù)加油!