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,它的权值是最大的，而且要写在分号之前

补充：

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

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