基础知识复习内容一
-
路径：相对路径、绝对路径
-
标签关系：嵌套关系（父子）、并列关系（兄弟）
-
a链接标签的分类：外部链接、内部链接、空连接、锚点链接
-
元素分类
1） 行级元素：不独立成行，不可设置宽高spana
2）块级元素：独立成行、可设置宽高div、p、ul、li
3）行级块元素：不独立成行，可以设置宽高input、img -
value和placeholder可以在单行文本中显示的文字区别：
value中的文字如果不删除会跟着表单进行数据提交
placeholder中的文字编辑时会被删除，不会跟着表单进行数据的提交 -
from表单中label与input的关联f方法为：label中的for关联input中的id值 -
input讲了五个类型：文本类型、密码框、单选按钮、多选按钮、提交按钮 -
手机端或响应式使用：
rem与em的区别
rem：继承html的font-size的值，根据这个值进行计算
em：继承父级的font-size的值，根据这个值进行计算 -
HTML 与CSS样式关联方法：内联样式、外联样式、嵌入样式 -
HTML与CSS样式关联方法优先级：内连接>嵌入式>外连接 -
CSS选择器分类
1） 通配符选择器：对应*
2）id选择器：对应元素的id名，引用方式，在id名前加“#”
3）类选择器：对应元素class名，引用方式，在class名前加“.”
4 )元素选择器：对应元素名，引用方式，直接写元素名称
5 )层级选择器：对应id、class、元素，子父级名，引用方式，父级+子级的引用方式
6 )伪类选择器：为指定元素以类选择器的方式设置样式。默认添加的为行元素，无法设置宽高：对应冒号：
7 )伪元素选择器：临时给指定的内容外面包裹了一个元素。默认添加的为行元素，无法设置宽高：对应双冒号：： -
选择器的权重级：id：100，class：10，元素：1，*：最小，层级：根据子父级进行相加
-
盒子模型包含：
padding：内边距、margin：外边距、border：边框、内容（宽：width、高：height） -
元素的高度与宽度计算方法：
高度计算方法：总元素的高度=高度+上外边+下外边+上边框+下边框+上内边+下内边
宽度计算方法：总元素的宽度=宽度+左外边+右外边+左边框+右边框+左内边+右内边
基础知识复习内容二
- 颜色
color的写法：颜色名、十六进制、rgb - 文字垂直居中、行高
line-height：line-height与height值一致可以进行垂直居中 - 文字水平居中
text-align： center：居中 - 块元素水平居中
margin：auto - 浮动的特点：
1 ) 浮动本身脱离文档流，不进行站位，会影响正常的文档流（影响浮动之后的内容）。
2 ) 浮动只存在左右浮动，不存在上下浮动。
3 ) 浮动的元素，只找父级元素进行对齐，不会超出内边距的范围。
4 ) 浮动元素会有行内块元素的特性，不独立成行，可以设置宽高，或取决于元素中文字的大小 - 清浮动的方法：额外标签法、伪元素方法
- 伪元素清浮动方法：
`content:"";
display: block;
height: 0;
clear: both;
visibility: hidden;`
-
定位分类：静态定位、绝对定位、相对定位、固定定位、粘性定位
-
绝对定位、相对定位、固定定位的特点：
1 )absolute：绝对定位，脱离文档流，元素不占位，以IE浏览器显示页面左上角为参照物，设置绝对位置，且内容会随页面向上滚动，直至不呈现在页面为止。
2 )relative：相对定位，不脱离文档流，元素占位，以父级为参照物，设置位置，且内容会随页面向上滚动，直至不呈现在页面为止。
3 )fixed：固定定位，脱离文档流，元素不占位，以IE浏览器页面为参照物，一直出现在固定位置上，不会因页面向上滚动而向上移动，多用于广告。 -
线性渐变的默认顺序：从上到下。
-
线性渐变的分类：从上到下，左右方向，对角线方向，角度方向。
基础知识复习内容三
-
CSS旋转中哪个属性值没有X、Y轴：旋转
transform:rotate() -
CSS旋转中哪个属性值改变了位置：移动
transform: translate() -
CSS旋转中哪个属性值没有单位：缩放
transform: scale() -
CSS旋转所讲授了几种属性，并写出单位：
1 ) 移动：translate()，单位像素px
2 ) 旋转：rotate()，单位角度deg
3 ) 缩放：scale()，单位倍数，直接写数值
4 ) 倾斜旋转：skew()，单位角度deg -
CSS旋转中角度的数值区别：正数时顺时针旋转，负数时逆时针旋转
-
CSS旋转中缩放的数值区别：大于1进行倍数放大，等于1时不变，小于1时倍数缩小
-
圆角的默认顺序是：左上角、右上角、右下角、左下角
-
动画的两种写法：
from...to…、百分比 -
引用动画时哪个属性为循环播放、哪个属性为匀速播放、哪个属性为轮流反向播放、哪个属性为延迟播放：
infinite(循环播放)、linear(匀速播放)、alternate(轮流反向播放)、animation-delay(延迟播放) -
延迟播放
animation-delay的解释：
1 ) 正数：第一次延迟多长时间开始播放
2 ) 负数：立即开始 开始跳过秒数，从下一秒进入动画
