CSS

变量的声明 声明变量的时候，变量名前面要加两根连词线（--） 表明body选择器里面声明了两个变量：--foo和--bar。 CSS变量与color、width等正式属性没有什么不同，只是没有默认含义

鼠标样式 属性值 描述 default 默认，小箭头 pointer 小手 move 十字架 text 编辑文本时的像I not-allowed 禁止 取消表单轮廓线 给表单添加outline样式之后

vatical-align属性应用 vatical-align属性常用于设置行内块元素比如图片或者表单和文字之间垂直对齐方式。 设置vatical-align属性只针对于行内元素和行内块元素有效，用于

字体图标的产生 字体图标主要用于显示网页中的一些小图标。 因为图片文件比较大，图片本身放大和缩小会失真，图片制作完成想要更换比较复杂，而字体图标的产生可以解决以上问题，字体图标就是iconfont。

定位 浮动可以让多个块级元素的盒子在一行没有缝隙的排列显示，定位则可以让盒子自由的在某个盒子内移动位置或者固定在屏幕中某个位置，并且可以压住其他盒子 元素的定位属性 元素的定位属性主要包括定位模式和边

什么是文档流 文档流处在网页的最底层，它表示的是一个页面中的位置即元素盒子按照规定的默认方式排列。 元素在文档流中默认排列方式： 1.块元素：块元素在文档流中会独占一行，块元素会自上向下顺序排列 2.

盒子阴影（CSS3新增） 语法： 值 描述 h-shadow 必需。水平阴影的位置，允许负值 v-shadow 必需。垂直阴影的位置，允许负值 blur 可选。模糊距离，阴影的虚实 spread 可选

# 盒子模型 > 1.盒子模型就是把HTML页面中的每一个元素看作是一个可以装内容的矩形盒子容器，它用于封装周围的HTML元素。 > > 2.盒子模型包括外边距，边框，内边距和实际内容区域，它描述了

CSS层叠性 一个css属性通过两个相同的选择器设置到同一个元素上,此时后面写的样式会覆盖掉先写的样式,遵循就近原则,哪一个样式离结构近就执行哪一个样式 CSS继承性 作用:子元素可以继承父元素的样式

背景颜色 背景颜色用background-color设置,一般情况下元素的背景颜色的属性值默认是transparent(透明),设置背景颜色的元素需要有宽高属性或内容才能显示效果 元素的背景是元素的总

元素的显示模式 元素的显示模式就是元素(标签)以什么方式进行显示 元素的类型 HTML元素(HTML标签)一般分为块元素和行内元素 块元素 常见的块元素:标题标签h1-h6,p标签,div标签,ul标