常见的css样式1

文本字体属性

1. 字体大小(字号):font-size: number px;
2. 行高:line-height:number px;
3. 没有修饰线:text-decoration:none;
4. 字体颜色:color:#000;
5. 列表去掉标识符:list-style:none;
6. 文本居中:text-align:center;

背景属性

1. 颜色:background-color:red;
2. 背景图:background-image:url(路径);

边框属性

1. Border-style:dotted;(点线)dashed;(虚线)solid;(实线)
2. Border-width:px;边框宽度；
3. border-color:#000;
4. 简写的方法:border:width style color;

尺寸属性(单位是px,vw等等)

1. width:?px;
2. Height:?px;
3. 像素单位是px是绝对单位；
4. vw、vh是相对于浏览器的视口的相对单位；

外间距

1. 当前元素和其他元素外部之间的距离
2. 上外间距：margin-top:?px;
3. 右外间距：margin-right:?px;
4. 下外间距：margin-bottom:?px;
5. 左外间距：margin-left:?px;

内间距

1. 当前元素和自己的内部元素或者内容之间的距离。
2. 上内间距：padding-top:?px;
3. 右内间距：padding-right:?px;
4. 下内间距：padding-bottom:?px;
5. 左内间距：padding-left:?px;

弹性盒子属性

1. 由父元素控制内部的子元素排列布局位置
2. 成为弹性盒子:display:flex;
3. 项目换行:flex-wrap:wrap;
4. 项目主轴居中:justify-content:center;
5. 项目主轴靠两端:justify-content:space-between;
6. 项目交叉轴居中:align-item:center;