今天是三八妇女节,首先祝广大的妇女们节日快乐!
今天的课比较多,所以晚上就只学了一节的内容,现在已经学到了CSS样式优先级这部分,首先要搞清楚什么是标签,类选择器,ID选择器,这些东西的概念并不难,但是如果比较长时间没有接触它的话,就很容易忘掉,还是要在实践中进行加深巩固。下面介绍一下我今天学习了什么
1.CSS的继承性
有些CSS样式是可以继承的,比如颜色;而有些不能进行继承,如边框。所谓的继承就是指某个HTML标签的样式可以继承给后代,即后代的颜色也会随着大标签进行改变,例如在p中的span圈起来的字的颜色就是可以变的。还有一点后面会涉及到,就是继承的权值特别低,几乎是最低的。往往在很多代码中看不出是否存在继承,但是在判断颜色的优先级时就要仔细判断了。
2.CSS样式的权值规则
CSS样式 | 例子 | 权值 |
标签 | p{color:red;} | 1 |
类选择器 | .first{color:red;} |
10 |
ID选择器 | #first{color:red;} | 100 |
继承 | 0.1 | |
!improtant | p{color:red!improtant;} | 最大 |
举几个例子
1.#first p{color:red;} 权值:100+1=101
2.p span .first{color:red;} 权值:1+1+10=12
权值的作用:
当浏览器同时发现有很多控制同一属性的样式时,哪个权值高,就用哪种
优先级:内部式>嵌入式>外部式
3.层叠
是指同一个HTML文件中有很多权值相同的样式存在时,浏览器就会采用就近原则,哪一个比较靠近目标元素,就根据哪一个变化,也可以说是越靠外
4.重要性
这个就是上文提到的!improtant,它的权值是最大的,而且要写在分号之前
补充:
样式的优先级:浏览器默认的样式<网页制作者样式<用户自己设置的样式
好了,今天就介绍这么多了,虽然今天的内容不多,但是我都搞懂了。同时我也明白了一点,学习就是循序渐进的过程,要每次都把学习的知识搞明白,也要注意复习以前的知识,不要怕忘记,后面都会捡起来的,加油,脚踏实地!