1。樣式選擇器
<style type="text/css">
p{
background-color:yellow;
}
tt{
background-color:green;
}
</style>
當頁面中標籤同種用法時
2、類選擇器
class="tt1"
style中用.引用
id=“p1”
style中用#引用
關聯選擇器：P EM{background-color:red;}
組合選器:<table></table>
僞元素選擇器
<style type="text/css">
A:active{
text-decoration:none;
}
A:hover{
font-size:xx-large;
}
p::first-letter{
font-size:xx-large;
}
p::first-line{
font-size:xx-large;
}
</style>
</head>
<body>
<p>晉太元中，武陵人捕魚爲業，緣溪行，忘路之遠近。<br />
晉太元中，武陵人捕魚爲業，緣溪行，忘路之遠近。
</p>
<a href="#">超鏈接</a>
<a href="#">超鏈接</a>
<a href="#">超鏈接</a>
<a href="#">超鏈接</a>
<a href="#">超鏈接</a>
<a href="#">超鏈接</a>
<a href="#">超鏈接</a>
4 CSS樣式屬性
1、字體：設置字體大小、顏色、顯示效果
Font-family:
Font-size:
font-style
2、背景:
文檔流: .div{
height:300px;
width:300px;
}
.div1{
background-color:red;
top:100px;
left:100px;
position:absolute;/*絕對定位：定到那就是哪*/
z-index:3;
}
.div2{
background-color:black;
top:130px;
left:130px;
position:absolute;
z-index:2;
}
.div3{
background-color:yellow;
top:160px;
left:160px;
position:absolute;
z-index:1;
}
3、文本:
word-spacing:單詞與單詞之間的間距
4、