基础知识复习内容一
-
路径:相对路径、绝对路径
-
标签关系:嵌套关系(父子)、并列关系(兄弟)
-
a链接标签的分类:外部链接、内部链接、空连接、锚点链接
-
元素分类
1) 行级元素:不独立成行,不可设置宽高span
a
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
的值,根据这个值进行计算 -
HTM
L 与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 ) 负数:立即开始 开始跳过秒数,从下一秒进入动画