1、边框
边框的标准写法
边框:线型 粗细 颜色（非必要值）
线型的值我们一般用到的有三种：solid（实体的） dotted（点状）dashed(蚂蚁线 虚线)
border可以分为border-top, border-left, border-right ,border-bottom
2、外边距（对所有块级元素适用，对内联元素上下无效，左右有效）
margin（翻译：留边，加边于，围绕）可以有多个值
一个值： 代表四边的值一致。
二个值： 前一个表示上下的值，后一个表示左右的值。
三个值： 第一个表示上边的值，第二个表示左右的值，第三个表示下边的值。
四个值： 代表的顺序分别是，上 / 右 / 下 / 左 （顺时针方向）
块元素水平方向居中： margin:0 auto;
Margin 元素对于其最近的外部距离，（方向不同，对象不同，可以是兄弟对象，可以是父子对象。）
3、Padding 内边距 元素对于内部的对象（只可能是子级对象）之间的距离。
使用方法和margin非常相似，区别在于auto的无效。
若需要给父元素使用内边距padding，须在其已经设定宽高的基础上，做相应的减法，才能保证其在页面中占据的实际的实际面积不受影响。
4、Background：背景
Background-color：背景颜色
Background-image：背景图片
Background-repeat：背景重复[X轴重复(repeat-x)与Y轴重复(repeat-y)和不重复(no-repeat)]
Background-position：背景定位[两个值：x轴定位于Y轴定位或者也可以用有方向的单词如：top bottom left right center ;背景图的定位基于九宫格的原理]
加背景图片时的标准写法：background:背景图片 背景重复 背景定位;
背景颜色可以加在背景图片前面，也可以加在背景定位后面，不能加在中间。
5、font 字体
Font：大小/行高 字族；
如font：14px/22px “微软雅黑”； 缺一不可！
Font-size：文字的尺寸（大小）
Font-family：字族；若是使用中文字体，必须加双引号！
Font-weight：文字的重量bold/normal
Font-style：文字样式itatic/normal
Color：文字的颜色（在边框并没有设置颜色的前提下，也可以用来控制颜色。）
Text-align：文字的对齐center/left/right/justify（两端对齐）；
Text-align:center;在块元素已经设置高度的情况下，其所包含的文字若是设置行高度大于块元素高度，超出块元素以外的行高度不被计算，用来文字居中，取代padding。
文字和图片以及其他内联元素的对齐方式，在设置line-height的情况下，line-height是内联元素的居中。
Text-indent：首行缩进
Line-height：行高 单行文字在块元素内垂直方向居中，要将line-height与块元素设置一致。
Letter-spacing：字间距
Word-spacing：英文单词间距。
White-space：nowrop;强制不换行。
Text-trasform:字母大小写转换
Display显示为block/inline/inline-block/none
他有另外一种解释，叫做元素的转换。
值：block:内联元素转换为块元素。
Inline：块元素转换为内联元素。
Inline-block：排列方式按照内联元素，内容呈现为块元素。
None:显示为无，在做二级菜单的时候用的比较多。
内联元素转为块元素的目的：
1、精简层级关系
2、若是给<a>元素转换为块元素，可以给链接的感应区域设置宽高，可以极大的提升用户体验。（最为频繁的元素转换）
块元素水平排的两种方法：
1、做浮动。但是元素会脱离文档流，原来在文档流中的空间（位置），会被其他在文档流中元素自动填补。
2、转化为可以横着排的块元素，（display:inline-block;）但是低版本的IE浏览器不支持。
注意：内联元素代码换行写，浏览器会把换行当做空格来处理，所有造成内联元素之间有间距。清除内联元素间距的方法是：1、给内联元素的父元素设置font-size:0px;2、给内联元素再次设置font-size:值为文字的实际大小。