20200814-黄春跃

今天学习了文本格式化，背景，表格和列表
知识点：
文本格式化：
字体属性：font-size是字体大小，font-family是字体类型，font-weighthig是字体粗细；font-style是字体样式，font-variant是小型大写字母。
font简写 font：同时设置多个属性，但必须要有字体大小和字体类型且放在最后。
文本属性：color 16进制常用颜色表示：#ff0000：红色 #00ff00：绿色 #0000ff：蓝色 #000000：黑色 #ffffff白色 ； rgb（r,g,b,alpha）alpha代表透明度取值为0-1；transparent透明 相当于rgba（0,0,0,0）
文本对齐方式：text-align 块级元素不能对齐。text-align:center 和 margin:auto 的区别：前者设置的是文本，行内元素，行内块的对齐，块级元素不会对齐，但是后代的块级元素会继承text-align:center属性。后者是让元素本身水平居中。
行高：line-height 纯文本的垂直对齐不能用vertical-align，只能用line-height：hight；来设置。
文本的线条修饰：text-decoration
首行缩进：text-indent
文本阴影：test-shadow：x轴，y轴，模糊距离，阴影颜色
背景：
背景颜色：background-color：合理颜色
背景图片：background-image:url(图片路径)
背景图片的平铺：background-repeat：
背景图片的定位：background-position： 做精灵图时有用到。
背景图片的固定：background-attachment： fixed滑动窗口时位置不变，但是只会在元素容器内显示。
背景图片的尺寸：background-size： 注意cover和contain的区别，前者会使背景图片沾满整个容器，图片可能显示不完整，后者会显示完整的图片，但可能会留空白。
背景简写： background：color值 url值 repeat值 等

背景渐变：
线性渐变：background-image：linear-gradient（angle，color-point1，color-point2......）angle为关键字如：to top ；to bottom； to left/right（浏览器兼容可以不加to 单方向会反）；角度等 color-point为颜色+位置 位置取值px或者%
径向渐变：background-image：radio-gradient(半径at 圆心x圆心y，color-point1，color-point2，.......) 半径取值：以px为单位的数字
表格：
表格常用样式：table，th/td
表格特有样式属性：border-collapse：collapse 边框合并
表格的固定：table-layout：fixed 固定表格的布局，不会更具内容改变
列表：
列表项类型：list-style-type:
设置列表项为图片：list-style-image:url()；
列表项的位置：list-style-position：inside 在里面
列表简写: list-style: type iamge postion

今天的知识点不是太多可以接受，做练习是需要对照着老师发的资料来完成，下来需要熟练一下。