CSS学习笔记

选择符:

1,类选择符.2,ID选择符.3,属性选择符.4,伪类选择符5,伪元素选择符.

伪类选择符是一个冒号表示.

伪元素选择符两个冒号表示. ::before ::after 

选择父t元素的直接子元素用>表示 

特指度

选择符中的每个ID属性加0,1,0,0

选择符中的每个类属性值,属性选择或伪类加0,0,1,0

选择符中的每个元素和伪元素加0,0,0,1

连结符合通用选择符不增加特指度.

行内样式声明的特指度是最高的,1,0,0,0

重要声明 !important 权重最高,始终放在声明末尾的分号之前.

important

继承的属性没有特指度,边框,内外边距,背景不继承.

 LVFHA link-visited-focus-hover-active

值和单位

em相对父元素字号而言,如果父元素是14px,子元素用2em就是28px

rem始终相对根元素计算.,在HTML中,根元素是html

rem的实际作用相当于重设字号,不管祖辈元素把字号设为多大,font-size: 1em;都会把字号还原成根元素设定的大小.

font-size百分数 基于父元素计算.<line-height>基于当前元素的<font-size>计算.

 

文本属性

line-height -- line-height控制的是行距,是除字体高度之外再文本行上方的额外间距

word-spacing(单词间距) letter-spacing(字符间距)