1、文字排版
字体：font-family：
字号：font-size：20px //20像素//
颜色：color：
加粗：font-weight：bold
斜体：font-style:italic
下划线：text-decoration:underline
删除线：.oldPrice{text-decoration:line-through
2、段落排版
缩进：text-indent:2em //首行缩进两个空格//
行间距（行高）：line-height:1.5em
中文字间隔、字母间隔设置：letter-spacing:50px;//50像素//
单词间距设置：word-spacing:50px;
文本、图片设置居中样式:text-align:center;
3、元素分类
在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。
3.1、块状元素：<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>
设置display:block就是将元素显示为块级元素。
块级元素特点：
1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（一个块级元素独占一行）
2、元素的高度、宽度、行高以及顶和底边距都可设置。
3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。
3.2、内联元素：<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>
块状元素也可以通过代码display:inline将元素设置为内联元素
3.3、内联块状元素就是同时具备内联元素、块状元素的特点：<img>、<input>;
display:inline-block就是将元素设置为内联块状元素
4、盒模型
设置上下左右四个方向的边距是按照顺时针方向设置的：上右下左
4.1、边框(border)：盒子模型的边框就是围绕着内容及补白的线，这条线你可以设置它的三个边框属性。
border-top (上边框)、border-right（右边框）、border-bottom（下边框）、border-left（左边框）
粗细（border-width）：thin | medium | thick（但不是很常用），最常还是用象素（px）
样式（ border-style）：dashed（虚线）| dotted（点线）| solid（实线）。
颜色（border-color）：#16进制颜色
4.2、填充（padding）
padding-top（上填充）、padding-right（右填充）、padding-bottom（ 下填充）、padding-left（左填充）
4.3边界（margin）
margin-top （上边界）、margin-right（ 右边界）margin-bottom（下边界）margin-left（左边界）
5、css布局模型
5.1、流动模型:块状模型独占一行
块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，因为在默认状态下，块状元素的宽度都为100%。实际上，块状元素都会以行的形式占据位置。如右侧代码编辑器中三个块状元素标签(div，h1，p)宽度显示为100%。在流动模型下，内联元素都会在所处的包含元素内从左到右水平分布显示。
5.2、浮动模型：让两个块状元素并排显示float:left（左浮动）、float:right（右浮动）
5.3、层模型：层布局模型就像是图像软件PhotoShop中非常流行的图层编辑功能一样，每个图层能够精确定位操作，但在网页设计领域，由于网页大小的活动性，层布局没能受到热捧。
绝对定位(position: absolute)将元素从文档流中拖出来，然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位
相对定位(position: relative)通过left、right、top、bottom属性确定元素在正常文档流中的偏移位置。相对定位完成的过程是首先按static(float)方式生成一个元素(并且元素像层一样浮动了起来)，然后相对于以前的位置移动，移动的方向和幅度由left、right、top、bottom属性确定，偏移前的位置保留不动。
固定定位(position: fixed)表示固定定位，与absolute定位类型类似，但它的相对移动的坐标是视图（屏幕内的网页窗口）本身。
Relative与Absolute组合使用:box1以box2为参照在box1为基础在上面进行box2操作，box1称为参照定位元素（参照物），box2称为相对定位元素。参照定位的元素必须加入position:relative;定位元素加入position:absolute，便可以使用top、bottom、left、right来进行偏移定位了。
6、缩写
6.1、盒模型缩写：padding、border同样适用
如果top、right、bottom、left的值相同，如下面代码：margin:10px 10px 10px 10px;可缩写为：margin:10px;
如果top和bottom值相同、left和 right的值相同，如下面代码:margin:10px 20px 10px 20px;可缩写为：margin:10px 20px;
如果left和right的值相同，如下面代码：margin:10px 20px 30px 20px;可缩写为：margin:10px 20px 30px;
6.2、字体缩写至少要指定 font-size 和 font-family 属性，其他的属性(如 font-weight、font-style、font-variant、line-height)如未指定将自动使用默认值。 在缩写时 font-size 与 line-height 中间要加入“/”斜扛。