一.固定页眉
.top{position:fixed;left:0;top:0}   //posistion属性需用left,top指定方位(连用)

二.标签符的选择
多行多列用<table>,单行多列用<p style="float:left;">(一般用于标题.即行选择符,另有<span>),多行单列用UL列表(或DL),
文字环绕用<dl>(<div style="width:(定义长点的宽度给环绕留出空间)px;"><dt style="float:left;"><img /></dt><dd>环绕dt<dd>)

三.行框:元素在一行里按列一列一列显示
<a>,<img>,<span>
 
四.块框（display:block):元素按行一行一行显示
<p>,<div>,<ul>,<li>,<dl>,<dt>

五.列表项<ul>三个属性
值  描述
list-style-type  设置列表项标记的类型。
list-style-position  设置在何处放置列表项标记。
list-style-image  使用图像来替换列表项的标记。

值  描述
none  无标记。
disc  默认。标记是实心圆。
circle  标记是空心圆。
square  标记是实心方块。
decimal  标记是数字。
decimal-leading-zero  0开头的数字标记。(01, 02, 03, 等。)
lower-roman  小写罗马数字(i, ii, iii, iv, v, 等。)
upper-roman  大写罗马数字(I, II, III, IV, V, 等。)
lower-alpha  小写英文字母The marker is lower-alpha (a, b, c, d, e, 等。)
upper-alpha  大写英文字母The marker is upper-alpha (A, B, C, D, E, 等。)
lower-greek  小写希腊字母(alpha, beta, gamma, 等。)
lower-latin  小写拉丁字母(a, b, c, d, e, 等。)
upper-latin  大写拉丁字母(A, B, C, D, E, 等。)
hebrew  传统的希伯来编号方式
armenian  传统的亚美尼亚编号方式
georgian  传统的乔治亚编号方式(an, ban, gan, 等。)
cjk-ideographic  简单的表意数字
hiragana  标记是：a, i, u, e, o, ka, ki, 等。（日文片假名）
katakana  标记是：A, I, U, E, O, KA, KI, 等。（日文片假名）
hiragana-iroha  标记是：i, ro, ha, ni, ho, he, to, 等。（日文片假名）
katakana-iroha  标记是：I, RO, HA, NI, HO, HE, TO, 等。（日文片假名）

值  描述
inside  列表项目标记放置在文本以内，且环绕文本根据标记对齐。
outside  默认值。保持标记位于文本的左侧。列表项目标记放置在文本以外，且环绕文本不根据标记对齐。
inherit  规定应该从父元素继承 list-style-position 属性的值。

值 描述
URL 图像的路径。
none 默认。无图形被显示。
inherit 规定应该从父元素继承 list-style-image 属性的值。

六 firefox ie 浏览器默认值(1em=16px)      （为了解决浏览器默认值不为0，一般在页面设计时指定内外边距为0。）
h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,p{margin:0;padding:0}
（1）

ul{padding-left:40px;margin:1em 0;}   /* ul 标签上下外间距为16px;左内间距为40px; */
p,dl{margin:1em 0;}                           /* p,dl 标签上下外间距为16px; */
dd{margin-left:40px;}                         /* dd 标签左外间距为40px; */
firefox: ul dl,dl ul,.....{margin-top:0;margin-bottom:0;} /* 列表嵌套，IE中列表嵌套不设置此属性，依然是margin:1em 0; */

（2）IE中任何元素最小高度规定为19px，不可更改。解决方法：设置高度为19px以下的元素需指定overflow:hidden属性。

七 浮动框的自适应宽度和单元格里直接放内容
（1）浮动则自适应内部标签最大宽度
（2）不浮动则自适应父标签宽度
（3）<td>里直接放内容，不用放块元素<p>等， <td>类似于块框，display：table-cell；

八 <ul>，<dl> 列表标签一般不设置背景图片等样式，只设置margin,padding边距属性，样式属性只在<li>，<dt>，<dd>等设置。

九 DIV+CSS表格设置及图示
http://www.blogjava.net/algz/articles/298591.html

十 IE6 IE7 绝对定位元素消失的BUG
http://www.blogjava.net/algz/articles/301959.html