2018.3.8自学笔记

今天是三八妇女节,首先祝广大的妇女们节日快乐!

今天的课比较多,所以晚上就只学了一节的内容,现在已经学到了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,它的权值是最大的,而且要写在分号之前

补充:

样式的优先级:浏览器默认的样式<网页制作者样式<用户自己设置的样式


好了,今天就介绍这么多了,虽然今天的内容不多,但是我都搞懂了。同时我也明白了一点,学习就是循序渐进的过程,要每次都把学习的知识搞明白,也要注意复习以前的知识,不要怕忘记,后面都会捡起来的,加油,脚踏实地!


猜你喜欢

转载自blog.csdn.net/huhaha24/article/details/79490603