CCS = Cascading Style Sheets
行间样式表（不推荐）：
内部样式表（不推荐）：
p{color:#F00;}
……
外部样式表（一般在head的title下面）：
CSS书写结构：
{
: ;
……
}
如：
p {
color: #F00;
font-size: 12px;
}
基本类型选择器：
标签选择器：写在 里面的标签，如：p{}。选中所有这一标签的内容。支持自定义标签。 class选择器：以“.”开头，如：.30font{}，表示选取class为“30font”所有元素。 id选择器：以“#”开头。
复合类型选择器：
伪类选择器：用“:”隔开，如针对于的“a:link”、“a:hover”、“a:active”（鼠标按下）、“a:visited”；或“.myClass:hover” 群组选择器：用“,”隔开，同时选择几个元素，如：“a,p,h3” 标签指定选择器：如p.aa表示class="aa"的p标签，p#aa表示id="aa"的p标签 包含选择器：以空格隔开，表示A里面的B，如“#top a”表示id="top"里面的标签 兄弟相邻选择器：以“+”隔开，如“h1+p”表示与
相邻的
标签 属性选择器：以“[]”隔开，如“p[align]”表示有align属性的
标签 通配符选择器：“*”，表示选择所有的元素
字体和文本属性：
font-family：字体名称 font-size：字体大小，需要带单位px font-weight：加粗。bold，bolder, lighter, 100, 200, ... 900 （表示百分之100, 200...） font-style：字体风格。normal, italic, oblique（也是斜体，只对一些特殊字体有效） font-variant：转换英文字母为大写。normal : 正常的字体，small-caps : 小型的大写字母字体 line-hight：行高 text-transform：capitalize：首字母大写，uppercase：全部大写，lowercase：全部小写，none：不变 text-decoration：文本修饰。underline，overline, line-through, blink, none，可以多个，用空格隔开 color：颜色 text-indet：首行缩进（需要带单位） text-align：文本对齐，left, right, center, justify（两端对齐） letter-spacing：字间隔（需要带单位px）
背景属性：
background-color：背景颜色 background-image：背景图片（优先于背景颜色） background-repeat：是否平铺背景图片。repeat（缺省）, no-repeat, repeat-x, repeat-y（横向、纵向平铺） background-attachment：是否跟随滚动条移动。fixed：不移动，scroll：移动（缺省） background-position：背景定位，背景图片左上角原点坐标(x,y)的相对位移，或right, left，top, bottom, center 背景属性可以合写，把属性值罗列出来，用空格隔开，如：
body{
background: #F00 url(images/bg.jpg) no-repeat fixed 50px 100px;
}
背景平铺：repeat-x 或 repeat-y，把图片按x轴或y轴（横向或竖向）平铺
优先级排序：默认
框模型（或盒模型）：
内联对象，按行显示：display:inline，由line-hight决定行高。如
, 等 块对象，按块显示：display:block，由width和height决定宽和高，默认占一行。如
内联对象转换为块对象后，就可以使用width和height属性了：a{display:block; width=10px; height:20px;}
padding：内填充（分top, bottom, left, right） margin：外边距（分top, bottom, left, right） border：边框（分top, bottom, left, right） width：内容的宽度 height：内容的高度
注：当两个元素上下排列时，他们间的margin会自动合并（都不是float或绝对定位的情况下）
border的属性（分top, bottom, left, right）：
style：线条样式（dotted, solid, double, 等） width：粗细（单位px） color：颜色
可以缩写：border: solid 1px #FFF;
单独设置一条边：
border-bottom: solid 2px #00F; border-bottom-width: 2px;
（注：后面会覆盖前面的）
margin和padding的设置:
margin: 1px （上下左右） margin: 1px 2px 3px 4px; （上 右 下 左） margin: 1px 2px; （上下 左右） margin: 1px 2px 3px; （上 左右 下）
（注：padding的设置方法跟margin一样）
浮动（float）：
浮动到普通流的上一层 float: left，浮动后向左，直到左边碰到边界或碰到同一层元素的右边界 float: right，浮动后向右，直到右边碰到边界或碰到同一层元素的左边界
清理（clear）：
使浮动层继续在普通流保留占位 clear: both, left, right，应用于普通流，使普通流根据上一层的占位情况来决定自己的位置
一般可以在浮动层和普通流直接加一个clear div来分隔排版，如：
查看更多关于CSS+DIV使用方法总结_html/css_WEB-ITnose的详细内容...