web前端通配符、群组选择符、伪类选择符和文本样式笔记

本文详细介绍了CSS中的通配符、群组选择符、伪类选择符的使用,以及文本样式的设置,包括字体大小、颜色、行高、对齐方式、修饰属性等,帮助理解CSS样式控制。
摘要由CSDN通过智能技术生成

文章目录

通配符:
{
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.权重相同时候,取后面的样式
权重的总结

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值