记单词、复习。
背景色的渐变(渐变是css3中的东西,考虑加上兼容处理)
1、线性渐变
背景颜色沿着一条直线进行的它的属性为:linear gradient
1)渐变的位置:它的方向值有(to left从右到左渐变、to-right从左到右渐变、to top 从下到上渐变、to-bottom从上到下渐变、to-right-bottom。从左上渐变到右下/ 角度值:用deg作为单位;每个颜色间用逗号分开)
2)渐变的节点(节点一般表示每个颜色渐变的开始位置。注意
如果第一个颜色渐变节点位置大于0,那么之前就是纯色(第一个颜色)
如果最后一个颜色渐变节点位置小于最大大小,那么之后就是纯色(最后一个颜色)渐变节点位置可以使用百分比进行设置。
(1) 渐变颜色可以设置透明度(rgba,HSLa等)
3)渐变的重复(repeating-linear-gradient(函数用于创建重复的线性渐变图像
)
2、 径向渐变
它的属性为:radial-gradient
扩展
HTML与body的背景设置。一般而言盒子有多大,所设置的背景颜色就占据多大。但是对于body和html有点例外。而默认html,body是没有高度的,他的高度会随着内容的填充而填充。然后宽度是100%;
Vertical-align专题解析(重点)
所有浏览器都支持
可能的值:
1) 表格单元个格的值(top middle bottom)
2) 控制多个行内(块)元素在一行上的垂直对齐方式/当一行有多个行内块元素是生效,如果只有一个元素那么它的顶端就是行的顶端,它的底端就是行的底端,不管你设置top、bottom他都不会变化。
3) 相对父元素的值 控制行内(块)元素相对其父元素垂直对齐方式(baseline、middle、text-top、text-bottom、sub、supper、length、%)注意没有基线的元素,使用外边距的下边缘替代
CSS元素的显示与隐藏
1、 元素的不透明度opacity
2、 元素可见性visibility
3、 元素的显示方式 display
CSS元素的浮动
1、 浮动float控制
2、 浮动的清除
CSS元素的定位
1、 相对定位position:relative
2、 相对定位position:absolute
3、 固定定位position:fixed