一、谷歌的开发工具
F12或者找到开发者工具
开发工具中的CSS样式可以调整,非灰色背景的样式是代码所写的
二、CSS的继承性
作用:给父元素设置属性,子元素也能使用
能继承元素:以line、color、font-、text-开头的属性才能被继承
不仅儿子能够继承,只要是后代都能被继承
继承性中的特殊:1.a标签的文字颜色和下划线不能继承。2.h标签的文字大小是不能继承的
应用场景:一般用于设置网页上的一些共性信息
三、CSS的层叠性
作用:层叠性就是CSS处理冲突的一中机制
注意:层叠性只有多个选择器选中“同一个标签”然后又设置“相同属性”
四、优先级
作用:当多个选择器选中同一个标签,并给统一标签设置相同属性,层叠就由优先级来判断
是否直接选中:直接选中 高于间接选中,如果都是间接选中(继承)就近原则
直接相同选择器:依照顺序,谁在后面就是谁
直接不同选择器: id>类>标签>通配符>继承>浏览器默认
五、important
作用:用于提升某个直接选中标签的某个属性的优先级,直接提升到最高权限。
注意:1. 只用于直接选中 2. 通配符是直接选中
六、权重
作用:当多个选择器混合的时候,可以通过权重来判断优先级
id>类>标签>通配符>继承>浏览器默认
只计算到标签,优先级一致,写在后面的使用样式(就近原则)
权重只有直接选中才有用