文章目录
通配符:
{
margin:0;
padding:0;
}
说明:选择中页面所有标签
作用:清除默认的内填充和外边距
群组选择符:
div,#p1,.h1{
css样式
}
语法:
把多个选择符以 逗号 分隔形式组成一组,然后对当前组进行统一的样式操作
选择符1,选择符2,选择符3{
css样式
}
伪类选择符:
a:link {color: red;} / 未访问的链接状态 /
a:visited {color: green;} / 已访问的链接状态 */
**a:hover {color: blue;} / 鼠标滑过链接状态 /
a:active {color: yellow;} / 鼠标按下去时的状态 */
注意:有顺序问题,必须按照上面的顺序,才能看到整个流程
:hover 鼠标悬停时的样式:
a{
color:blue;
}
a:hover{
color:red;
}
其他标签也可以用,比如div:hover{css样式}
css层叠性指的是样式的优先级,当发生冲突时按照优先级高(权重)的显示;
1.开发者样式 > 读者样式 > 浏览器样式
2.!important > 内联样式表 > id选择器 > (伪)类选择器 > 标签选择器 > 通配符
3.权重相同时候,取后面的样式
权重的总结