CSS选择符有哪些?哪些属性可以继承


1.id选择器( # myid)
2.类选择器(.myclassname)
3.标签选择器(div, h1, p)
4.相邻选择器(h1 + p)
5.子选择器(ul > li)
6.后代选择器(li a)
7.通配符选择器( * )
8.属性选择器(a[rel = “external”])
9.伪类选择器(a:hover, li:nth-child)

  • 可继承的样式: font-size font-family color, UL LI DL DD DT;

  • 不可继承的样式:border padding margin width height ;

CSS优先级算法如何计算?


CSS的specificity特性或非凡性,它是一个衡量css优先级的一个标准,

既然的标准就有判定规定和计算方式,specificity用一个四位数来表示,

更像四级从左到右,左的最大级,一级大于一级,数位之间没有进制,

多个选择符用到同一个元素上时那么specificity上值高的最终获得优先级。

浏览器是如何工作的?


为什么要了解浏览器是如何工作的???
想要写出一个最佳实践的页面,要实现性能优化,就要好好了解了解浏览器的工作原理。
了解浏览器如何进行加载,可以在引用外部样式表文件、外部 JavaScript 文件时,将他们放到合适的位置,使浏览器以最快的速度及合理的顺序将文件加载完毕。
了解浏览器如何进行解析,可以在构建 DOM 结构,组织 CSS 选择器时,选择最优的写法,提高浏览器的解析效率。
了解浏览器如何进行渲染,明白渲染的过程,在设置元素属性,编写 JavaScript 文件时,可以减少 “reflow” “repaint” 的消耗。

|