猴哥写代码

Just do it

C9、CSS的三大特性

C9、CSS的三大特性

一、谷歌的开发工具

  1. F12或者找到开发者工具

  2. 开发工具中的CSS样式可以调整,非灰色背景的样式是代码所写的

二、CSS的继承性

  1. 作用:给父元素设置属性,子元素也能使用

  2. 能继承元素:以line、color、font-、text-开头的属性才能被继承

  3. 不仅儿子能够继承,只要是后代都能被继承

  4. 继承性中的特殊:1.a标签的文字颜色和下划线不能继承。2.h标签的文字大小是不能继承的

  5. 应用场景:一般用于设置网页上的一些共性信息

三、CSS的层叠性

  1. 作用:层叠性就是CSS处理冲突的一中机制

  2. 注意:层叠性只有多个选择器选中“同一个标签”然后又设置“相同属性”

四、优先级

  1. 作用:当多个选择器选中同一个标签,并给统一标签设置相同属性,层叠就由优先级来判断

  2. 是否直接选中:直接选中 高于间接选中,如果都是间接选中(继承)就近原则

  3. 直接相同选择器:依照顺序,谁在后面就是谁

  4. 直接不同选择器: id>类>标签>通配符>继承>浏览器默认

五、important

  1. 作用:用于提升某个直接选中标签的某个属性的优先级,直接提升到最高权限。

  2. 注意:1. 只用于直接选中 2. 通配符是直接选中

六、权重

  1. 作用:当多个选择器混合的时候,可以通过权重来判断优先级

  2. id>类>标签>通配符>继承>浏览器默认

  3. 只计算到标签,优先级一致,写在后面的使用样式(就近原则)

  4. 权重只有直接选中才有用

阅读更多
个人分类: HTML5前端学习笔记
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

不良信息举报

C9、CSS的三大特性

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭