CSS使用方式及选择器

“内嵌样式”:写在style标签对里面。
“行内样式”:直接写在标签行上面。
“外链样式”:单独写一个css文件,通过link标签引入。
“导入式”:单独写一个css文件,通过@import导入。
CSS的基础选择器主要有三个:“标签选择器”、“类选择器”和“ID选择器”。
后代选择器是对某元素所嵌套的指定元素进行选择,每个选择符之间用空格进行分割,多个嵌套层次应该以多个空格进行分割。
子选择器区别与后代选择器的地方就是,后代选择器可以选择嵌套在标签内部任意层级的标签元素,而自选择器只能选择当前标签往内一层的元素。每个选择符之间用“>”进行分割。
伪类选择器和其它选择器有所不同,它是通过触发一定的“事件”来实现效果,也就是说如果不进行任何操作是看不到该选择器的CSS样式设置的。
群组选择器的使用范畴是,多个选择器使用同一个样式或者同一组样式。这在做CSS样式初始化,CSS框架设计以及后期CSS代码优化时会经常使用。
同级(兄弟)元素选择器选定当前标签同级的其它指定标签。同级元素有两种,即“+”和“”,“+”只能选择该标签下一个对应标签,“”能选择该标签后的所有同级相应标签。
属性选择器该选择器所针对的既不是某个标签,也不是类名,或者ID,它是将一个标签的属性作为选择器来使用,最常用的地方就是涉及到属性多而杂的表单元素。基本写法是“[” + “属性名” + “]”的格式。
基本类型选择器权重行列样式:1000
Id选择器: 100
Class选择器:10 【属性选择器】
标签选择器:1
*任意符选择器:0 (大于默认样式与继承验样式)
就近原则
当权重值相同时,谁和要设置的html标签隔得近,谁的权重就高。
组合选择器
权重群组选择器: 单独计算
后代,子代,兄弟等选择器:权重相加

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值