一、字体属性
(1)font-family
例子：body{
font-family: "Microsoft Yahei", "微软雅黑", "Arial", sans-serif
}
sans-serif是无衬线字体，是通用字体，末尾加上，是为了保证能调用这个字体族。依次选择，先microsoft yahei ,最后是sans-serif。
(2)font-weight
字体粗细，取值范围如下：
(3)font-size
字体大小，一般选14px；
(4)color
字体颜色，三种模式[十六进制、rgb、名称] 可见其他博客。
二、文字属性
(1)text-align ： 文本对齐，规定元素中文本的水平对齐方式
(2)line-height： 行高，当盒子的line-height和盒子高度一致，意味着文本垂直对齐。
(3)text-decoration：文字装饰，常用于a标签，用来去除下划线。
三、背景属性
(1)常用的背景属性
示例：body {
background-color: red;
backgraound-image: url(xx.png);
background-size: 300px 300px;
background-repeat: no-repeat;
background-position: center;
}
四、display属性（重要）
(1)行内元素和块级元素的区别：
行内：和其他行内元素并排；不能设置宽高。
块级：独占一行；能设宽高。
(2)行内元素和块级元素都有啥？
行内：span a b i u em
块级：div h ul li 等
(3)行内元素和块级元素相互转换
行内转块级：display: inline;
块级转行内：display: block;
五、盒模型（div）（重要）
width：内容的宽
height：内容的高
padding：内边距
border：边框
margin：外边距
盒子的真实宽度=width+2*padding+2*border
盒子的真实宽度=height+2*padding+2*border
padding：边框到内容之间的距离
padding-top: 30px;
padding-right: 30px;
padding-bottom: 30px;
padding-left: 30px;
或
padding: 20px 30px 40px 50px; #方向分别是上 右 下 左
一些标签默认有padding 比如 ul
一般会清除默认样式 *{
padding: 0;
margin: 0;
}
边框：例子 border: 10px solid red;
margin: 外边距，边框到最近盒子的距离
/*表示四个方向的外边距离为20px*/ margin: 20px; /*表示盒子向下移动了30px*/ margin-top: 30px; /*表示盒子向右移动了50px*/ margin-left: 50px; margin-bottom: 100px;
六、浮动与清除浮动（重要）
(1)标准文档流是什么？
空白折叠现象：多个空格只显示一个空格；img标签换行写，图片之间会有间隙
高矮不齐，底边对齐：顾名思义，底边对齐
自动换行，一行写不满就会换行写
(2)浮动和它的四大特性
float；可以float:left float:right
四大特性：
(1)浮动元素脱标：脱离标准文档流
(2)浮动元素相互贴靠
(3)浮动元素有“字围”效果
(4)收缩的效果
(3)为什么要清除浮动？
页面布局的时候，父元素的高度，一般不设置；如果不给父盒子设置高度，浮动元素是不会填充父盒子的高度。此时，下一个盒子就会跑到第一个位置上，影响页面布局。
(4)清除浮动的方法
(1)给父盒子设置高度：无需多言
(2)clear:both
在前后两个盒子间添加一个空盒子，在空盒子的样式中加 clear:both就行了。缺点是：结构冗余，不美观。
(3)伪元素清除法（常用）
/*给浮动子元素的父盒子，添加一个clearfix类，然后设置*/
.clearfix:after{
/*必须要写这三句话*/
content: "";
clear: both;
display: block;
}
/*或者用下面的写法*/
.clearfix:after{
/*必须要写这三句话*/
content: ".";
clear: both;
display: block;
height: 0;
visibility: hidden;
}
(4)overflow:hidden（常用）
在未设置高度的父盒子加overflow：hidden，就清除浮动了。
七、background属性（重要）
这个不记了。。
八、定位（重要）
九、z-index属性（重要）
来源：https://www.cnblogs.com/NuoMiGao/p/10056503.html