CSS部分知识点汇总--前端实习备战②

首先就是发现自己遗漏了关于移动端和flex的学习，随后补上

1、CSS选择器

css选择器种类很多，标签选择（本身），id选择器（#），class选择器（.）。

原子类选择器：常用的字号、颜色、行高等写成单独的类方便使用

复合选择器：后代（空格），交集（挨着写），并集（，）

元素关系选择器：子（>），相邻兄弟（+），通用兄弟（~）

序号选择器： ：nth-child(n)

属性选择器：img[alt]

!import声明的样式优先级最高，继承得到的优先级最低

2、CSS中无继承性属性

display、文本属性（vertical-align垂直文本对齐，text-decoration文本修饰，text-shadow文本阴影，white-space空白符处理，unicode-bidi文本方向）、盒模型属性、背景属性（...backgroud-attachment滚轮动背景是否动）、定位属性（...clip剪裁绝对定位元素）...

white-space：npwrap；表示规定段落中的文本不进行换行

3、CSS中有继承性属性

字体系列属性（font-family、font-weight、font-size、font-style）、文本系列属性（text-indent文本缩进、text-align、line-height、word-spacing、letter-spacing、text-transform、color）、元素可见性（visibility）、列表布局属性（list-style）、光标属性（cursor）

4、隐藏元素的方法

display:none; 不渲染，不占据位置，不响应绑定事件（非继承）

visibility:hidden; 渲染，占据空间，不响应事件（继承，修改子孙节点属性，子孙可显示）

修改常规文档的display通常会造成文档重排，但是修改visibility只会导致本元素重绘</