CSS层叠样式表： 1.基本选择器：标记选择器、.类别选择器、#ID 2.行内样式、内嵌式<style type="text/css"></style>、链接式<link href="" type="text/css" rel="stylesheet">、 导入式 略 优先级：后面的样式会覆盖前面的样式 4.padding 内容到块边界距离 margin 块之间距离 5.交集、并集加','、后代加' '、直接后代选择器加'>' 6.继承特性、层叠特性：行内样式>ID 样式>类别样式>标记样式 7.字体font-family:Arial;font-family:黑体,宋体 文字倾斜font-style:italic 文字加粗font-weight:bold/normal 英文字母大小写转化text-transform:首字母大写capitalize/全部大写uppercase/全部小写lowercase 文字大小font-size 文字装饰text-decoration下划线underline/删除线line-through/上划线overline 段落首行缩进text-indent:2em 字词间距word-spacing letter-spacing 文字行高line-heigh:1.2 段落之间的距离margin padding 文本水平位置text-align:left/right/center/justify 文字颜色color背景颜色background-color 段落的垂直对齐方式 <div class="greenBorder" style="display: table; height: 400px; #position: relative; overflow: hidden;"> <div style=" #position: absolute; #top: 50%;display: table-cell; vertical-align: middle;"> <div class="greenBorder" style=" #position: relative; #top: -50%"> any text<br> any height<br> any content, for example generated from DB<br> everything is vertically centered </div> </div> </div> 8.盒模型border padding margin 9.块级元素竖直排列<div>、行内元素左右排列<span> 10.Position 属性：默认static按照标准流来定位 Relative相对定位，Absolute绝对定位，Fixed固定定位 11.Z-index 空间位置，默认是 0，z-index 值大的页面位于其值小的上方 12.Display:Inline把元素变成内联元素 /:Block把元素变成块级元素 13.Border：设置表格边框 Border-collapse:separate边框分离/collapse合并 Border-spacing ：设置单元格的间距 Padding：设置单元格内容和边框之间的距离 Table-layout:auto根据单元格的内容自动调整宽度/fixed表格宽度固定 14.链接的四种状态 a:link普通的、未被访问的链接/visited用户已访问的链接/hover鼠标指针位于链接的上方/active链接被点击的时刻 按钮式超链接 15.列表符号list-style-type、list-style-image 16.css布局：head、content、side、foot Relative相对定位，Absolute绝对定位