目录
伪类
W3C里面制定的一套选择器的特殊状态
状态:
未访问的链接 语法:a:link{}
已访问的链接 语法:a:visited{}
鼠标移动到链接上 语法:a:hover{}
鼠标按下到链接上 语法:a:active{}
以上4种都是用于修饰 a 标签的一些状态,可以进行修改
以上4个伪类在css中的书写顺序:
L-V-H-A
text-decoration
none ------ 没有任何效果
underline 默认属性 表示下划线
overline 上划线
line-through 贯穿线
代码示例:
<style type="text/css">
a{
text-decoration: line-through; /*none没有下划线*/
}
a:link{
color:black;
}
a:visited{
color:gold;
}
a:hover{
color:red;
text-decoration: underline;
}
a:active{
color:green;
}
h1{
background-color: #ccc;
}
h1:hover{
background-color: yellow;
}
</style>
css选择符的命名规范
驼峰 命名法:
除去第一个单词首字母小写以外,其余所有单词首字母都是大写 如:#headerBlock
帕斯卡 命名法:
与驼峰命名法相似,区别就是所有单词首字母都大写 如:#HeaderBlock
匈牙利 命名法:
是需要在名称前面加上一个或者多个小写字母作为前缀 如:#head_block
选择符扩展
包含选择符:嵌套和派生
也就是指标签和标签之间具备嵌套关系
例如:
<body>
<div>
<p>
</p>
</div>
</body>
包含选择符 标识 是空格
div p{
}
标识的含义就是div标签中的p标签
分组选择符:
body,h1,a{
text-decoraction:none;
}
将一系列的标签选择符用逗号间隔来描述共同的样式
标签指定式选择符
<h1 id="content">
</h1>
h1#content id为content的h1标签
组合选择符:
就是将以上的所有的选择符用在一起就叫做组合选择符