1，Dimension ：尺寸，用来控制控件的高与宽

• img.big {height:120px}
• p{max-height:100px;}? 最大高度，同样有：max-width; min-heigh; min-width;
• 左右为left, right

2, Classification: 指定控件的显示方式

• p {display: inline} 追加到上一行显示,即在同一行显示
• span{display:block;} 控件已块显示，即分行显示
• div {display: none} ：不显示
• img {float:right;} 图片浮动在右方
• h2.pos_left{position:relative;left:-20px;} position:relative相对定位 position:absolute; 绝对定位 fixed; 固定
• h1.visible {visibility:visible}? h1.hidden {visibility:hidden}? 控制控件是否显示
• <span style=”cursor:pointer”>pointer</span><br /> 手形鼠标，指定鼠标样式 cursor:wait 等待
• 定位：relative:相对于原来的位置移动，absolute:相对于页面移动，即相对于(0,0)

2，p

• p:first-letter {color: #ff0000;font-size:xx-large;}? //首字母特别
• p:first-line {color:#ff0000;font-variant:small-caps;} //首行特别
• h1:before {content:”sdf”}? //在文本之前插入文字，或图片h1:before {content:url(smiley.gif)}
• h1:after {content:url(smiley.gif)} //之后， before, after在IE中没有作用

3，z-index 属性设置元素的堆叠顺序
该属性设置一个定位元素沿 z 轴的位置，z 轴定义为垂直延伸到显示区的轴。如果为正数，则离用户更近，为负数则表示离用户更远。
注：Z-index 仅能在定位元素上奏效（例如 position:absolute;）