（1）       校验HTML文档，确保语法无误
（2）       校验每一个css样式表
a)         确保把适当的度量单位放在非零尺寸后，并且在单位和数字之间没有空格
b)        确保在属性名和值之间只有一个冒号和可选空格
c)         确保用一个分号作为每条规则的结束
（3）       使用Mozilla FF的错误控制台来查看css解析错误的列表
（4）       核实选择符已选择了所有你想要的元素，并且仅限于那些元素（通过 outline:2px solid invert；可容易看出，在ie7不支持outline,可以使用border）
（5）       仔细检查那些没被应用的规则的层叠优先级，可以通过添加!important来核实，如果！important参与到属性的工作中，就可能会遇到层叠优先级问题
（6）       审核样式表中的元素，类和ID的大小写是否与html文档中匹配，因为XHTML是区分大小写的
（7）&n ......

前台div
Html代码
<div id="DIV1" runat="server" >  
</div>  
后台:
C#代码
this.DIV1.Style.Value = "display:none";  
或者:
C#代码
DIV1.Attributes.CssStyle.Value = "display:none";  
......

字型
文字顏色
color: #000;
文字大小
font-size: 8pt;
文字字體
font-family: “arial”, dotum;
文字斜體
font-style: italic;
小字體
font-variant: small-caps;
字間距離
letter-spacing: 1pt;
行高
line-height: 15px; (亦可為百分比)
文字粗體
font-weight: bold;
加底線
text-decoration: underline;
加刪除線
text-decoration: line-through;
加頂線
text-decoration: overline;
刪除連線底線
text-decoration: none;
首字大寫
text-transform: capitalize;
英文大寫
text-transform: uppercase;
英文小寫
text-transform: lowercase;
文字靠左
text-align: left;
文字靠中
text-align: center;
文字靠右
text-align: right;
文字分散對齊
text-align: justify;
背景
背景顏色
background: #e9e9e9;
背景圖片不重複
background: url(圖片位址) no-repeat;
背景重複
background: url(圖片位址) repeat;
背景Y& ......

CSS选择器可以准确的查找到指定的标签，使用CSS选择器可以使我们方便为标签定义CSS样式，而不用为每个标签都定义CSS样式。
下面我们讲一下最常用的五种CSS选择器：
一、标签选择器：通常用它来查找HTML中的某一种标签。
例如：
要为HTML中的所有P标签设计样式，可以使用下面的方法
p { font:12px;}
二、id选择器： 通常用它来查找标签中ID为指定值。
例如：
在HTML中有一个这样的标签<div id="menubar"></div>我们可以看到的的id值为menubar,
现在我们要为id值为menubar定义样式，可以这样
#menubar {
margin:0 auto;
background:#ccc;
color:#c00;
}
三、类选择器： 类选择器主要用来查找一组相同类型的标签
例如：在HTML中类选择器用来查找标签中属性class为某一类的一组标签如 <span class="da1">
我们可以
.da1 {
color:#f60;
font-size:14px ;
}
这样凡是标签中class为da1的都会应用这个样式。
四、后代选择器：后代选择器也叫派生选择器。可以使用后代选择器给一个元素里的子元素定义样式
例如：
li strong {
font-style:italic;
font-weight:800;
color:#f00;
}
给HTML中li标签下的子标签strong标签定 ......

1.css在不同浏览器下显示效果不同
firefox和IE对某些css样式的认定有不少区别，包括：
·                            ul和ol的默认padding值是不一样的，在Firefox中，padding-left默认值为40px左右，而IE中为0，一般设置ul{margin:0;padding:0;}就能解决大部分问题
·                            对字体大小small的定义不同，Firefox中为13px，而IE中为16px，差别挺大，也只能设置为14px了事；(暂时没有发现)
·                            并列排列的多个元素（图片或者链接）的代码中的空格和回车会造成元素之间的间隙，而在firefox中和在IE中显示是不一样的，IE显示空格（约8px）、firefox显示空格（约4px）
......

如果灵活应用CSS各种滤镜的特点并加以组合，我们可以得到许多意想不到的效果。这是一些效果示范，供各位参考。
网页特效Abc
用blur滤镜做出的效果，代码如下：
FILTER: blur(direction=135,strength=8)
网页特效Abc
用dropshadow滤镜做出的效果，代码如下：
FILTER: dropshadow(color=#B4BBCF,offx=6,offy=6,positive=1)
网页特效Abc
用glow滤镜做出的效果，代码如下：
FILTER: glow(color=#B4BBCF,strength=5)
网页特效Abc
这个效果用到了两种滤镜：shadow和alpha，代码如下：
FILTER: alpha(opacity=100,finishiopacity=0,style=1)
shadow(color=#8C96B5,direction=135)
网页特效Abc
这个效果也用到两个滤镜mask和shadow，代码如下：
FILTER: mask(color=#E1E4EC)
shadow(color=#8C96B5,direction=135)chroma(color=#E1E4EC)
注意：mask的颜色要和网页背景色一致，字体的颜色由shadow决定。
网页特效Abc
用glow滤镜可以做空心字，方法是将字体颜色设置为背景色，再将glow滤镜的strenght的值设置为1或2即可。这个效果的代码如下：
FILTER: glow(color=#8C96B5,strength=2)
shadow(color=#B4BBCF,direction=135)
 
WELCOME TO
http://linkw ......