为单个标签定义:
br{
text-align: center;
color: #000000;
font-family:宋体;
}
为br标签指定了3个样式属性,包含对其方式、文字颜色及字体。
在网页中一个每个ID只能使用一次,如:
<div id="main"></div>
在CSS样式表中,ID选择符使用"#"符号进行表示,如果需要对ID为main的标签设置样式
表,可以使用如下的格式来书写样式表。
#main{
font-size: 14px;
line-heigth: 20px;
}
Class选择符:
Class 选择符与ID不同的是,Class允许重复使用,如页面中的多个元素都可以使用同
一个Class定义,例如:
<div class="font"></div>
<p class="font1"></div>
<h1 class="font1"></div>
Class的定义:
.font1{
margin: 10px;
background-color: #000000;
}
无论是什么标签,页面中所有使用了class="font1"的标签均使用此样式进行设置。
类型选择符:
所谓类型选择符,是指以网页这哦姑娘已有的标签类型作为名称的选择符,它控制页面中
对应的选择符,如body、div或span,例如:
body{}
div{}
span{}
群组选择符:
对一组对象的相同样式进行定义,如:
h1,h2,h3,p,span {
font-size: 12px;
font-family:宋体;
}
包含选择符:
对已有的某个对象中的子对象进行样式定义,如:
对ID明为main的对象中的li自对象进行样式定义
#main li{
line-height: 25px;
font-size: 12px;
font-family:宋体;
}
扩展:多级包含
body p br span {
fonr-weight: bold;
}
组合选择符:
对于所有CSS选择符均可以进行组合使用。
p .font {}
表示p标签下的所有class为font的标签
#main p {}
表示id为mian的标签下的所有p标签
p .font,#main p {}
表示以上两者进行群组选择
标签指定选择符:
p#main {}
表示针对所有id为main的p标签。
p.font1 {}
表示针对所有Class为font1的p标签。
伪类及伪对象:
由CSS自动支持,属于CSS的一种扩展类型和对象,名称不能被用户自定义,
使用时只能够按照标准格式进行应用。伪类用于区别不同种类的元素(如:
已访问的连接和可激活的连接,描述了两个定位锚的类型)为对象指元素的
一部分,例如段落的第一个字母:
a:hover {
Bachground-color: #000000
}
通配选择符:
*{
font-size: 12px;
font-family: 宋体;
}
"*"表示所有对象,包含所有不同ID不同Class的所有标签。使用上面的选择符
进行样式定义,页面中的所有对象都会使用通配选择符中定义的样式。
2分钟学习CSS语法结构
最新推荐文章于 2024-09-17 00:54:14 发布