qq2020814

知识点:
1.font-weight:①light,②bold,③bolder,④100~900
2.font-style:字体为斜体,
3.font-variant:small-capssmall-caps小型大写字母的字体,inherit:应该从父元素继承 font-variant 属性的值
4.字体属性的简写方式:font:itailc small-caps bold 40px chiller;必须要存在的font:size family;
5.text-align:center 和 margin:auto 的区别:1. text-align:center; 设置这个元素内部的内容(文本、行内元素、行内块)水平居中对齐,但是不会块级元素居中对齐,但是后代的块级元素会继承 text-align:center; 属性2. margin:auto; 让元素本身水平居中。
6.设置文本内容垂直居中:line-height: height
7.backgroung-attachment:scroll:默认值,背景图片会随着窗口滚动条滚动,fixed:背景图相对于窗口固定,窗口滚动时背景图片位置不变,但是只会在元容器内显示
8.背景简写background:color url() repeat attachment position;必须要存在的background:color/url();
9.线性渐变:background-image : linear-gradient(angle,color-point1,color-point2,....)。angle。to top:从下到上to bottom:从上到下。to left:从右到左to right:从左到右。0deg:从下到上。90deg从左到右。180deg:从上到下。270deg:从右到左
10.径向渐变:background-image : radial-gradient(半径 at 圆心x 圆心 y,color-point1,color-point2,....)
11重复渐变:background-image:repeating-linear-gradient(angle,color-point1,color-point2,..)。backgrond-image:repeating-radial-gradient(半经 at 圆心x 圆心y,color-point....)
12.vertical-align:设置单元格数据的垂直对齐方式.边框合并:border-collapse:separate:默认值,边框分离collapse:边框合并。设置表格的显示规则.table-layout:auto,1. 单元格的大小都会自动适应内容2. 表格复杂时,加载速度较慢3. 自动布局比较灵活4. 用于不确定每列大小的,并且不复杂的表格.table-layout:fixed:1. 单元格大小取决于设置的宽高2. 任何情况下,都会加速加载表格3. 固定表格布局不够灵活4. 应用于明确知道每列大小的表格
13.list-style-typedisc:默认,实心圆circle:空心圆square:实心方块none:无.列表项的位置list-style-position:inside.outside:默认值

评论