CSS基础知识

选择器+{样式}

 选择器分类：

基础选择器 和 复合选择器

基础选择器：标签选择器、类选择器、id选择器、通配符选择器

可以写多类名，每个类名用空格分开

emmet语法，可以更快地生成结构

 快速格式化

复合选择器 ：后代选择器 子选择器 并集选择器 伪类选择器

后代选择器 用 空格 分隔

子选择器 用 > 分隔

并集选择器 用 , 分隔

伪类选择器

元素显示模式 

块元素  行内元素  行内块元素

可用display 转换

        文字的行高等于盒高，即可实现文字的垂直居中

CSS三大特性：层叠性，继承性，优先级

优先级

盒模型

内容 边框 内边距 外边距

margin ：0 auto

外边距塌陷解决方法：尽量只在一个对象设置

ps基本操作

浮动 

传统布局方式：标准流、浮动、定位

 清除浮动

 定位

静态定位 ：不常用

相对定位：1.以原来的位置作为参照点  2.依标准流形态保留原先的位置

绝对定位：1.没有父元素或者父元素没有定位，则以浏览器为父元素 2.绝对定位不再占有原来位置

固定定位：1.以浏览器可视窗口为参照点  2.不再占有原先的位置

粘性定位：1.以浏览器可视窗口为参照点 2.占有原先位置

定位叠放次序： 可以使用z-index来控制前后次序，数值越大，越在上

定位的特殊特性：1.行内元素添加绝对或者固定定位，可以直接设置高度和宽度 2.块级元素添加绝对或者固定定位，如果不给宽度或高度，默认是内容的大小

显示与隐藏

 display隐藏元素后，不再占有原来的位置

字体图标

下载后放入根目录文件夹   css引入字体声明   写方框   style改字体

鼠标样式

cursor 

垂直居中（vertical-align）

 

 margin负值，可以去除边框

属性选择器

 结构伪类选择器

 

 

 

 

 

 

  

结束！感谢！