CSS引入样式以及选择器

引入样式

①行内样式:直接在元素上设置(不建议用)
②内部样式:写在style标签里面
③外部样式:a.在html文件里面用link标签引入css文件(常用)
b.@import url(’’),在css文件中使用

选择器

①基本选择器:a.标签选择器
标签选择器
标签css

                     b.类选择器

设置类名
css文件

                     c.ID选择器
                     d.通配符*,选择所有的标签

②属性选择器:通过标签的属性选择元素,-[name=content]
③伪类选择器: :[name]
④复合选择器:描述选择器之间的关系;
a.空格,指后代选择器
b.>,指直接后代选择器
c.+,指相邻兄弟选择器,下一个选择器,“弟弟”选择器
d.~,指后面的所有选择器
e.’,’,指当前两个选择器的所有标签
⑤交集选择器:没有符号
⑥伪类选择器:::[name],有很多种类,如::before/after

选择器权重

选择权重指的是显示样式的优先,权重越大的优先显示
!important>行内样式>ID选择器>类,伪类,属性选择器>标签,伪元素选择器>*

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值