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、
扫一扫
83
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
