背景的渐变/vatical的专题解析/cs元素的显示与隐藏-学习笔记

记单词、复习。
背景色的渐变(渐变是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