而且，为了避免冲突，你最好在你的css选择器中，限定好范围。
比如你有一个页面区域div，id是custom-widget。
那么你的样式前面都加上这个前缀，也是比较好的办法。比如：
1
2
3
4
5
6
7
8
#custom-widget p{
display: block
width: 25px
height: 25px
}
#custom-widget .foo{
float:left
}
CSS本身并不能直接预览的，必须把它跟实际的网页结合才能呈现效果。就好像装修房屋，CSS就像是装修的计划书和设计图纸，比如它可能记载了：客厅的天花板用什么样的颜色、卧室的床用多大的、卫生间的洗浴设备用什么牌子的……等等诸如这些，但是，光有这些并不能说就装修完了是吧？你必须按照计划书逐步把它付诸实施，最后才能看到实际的装修效果。当然，你也可以利用一些装修方面的CAD软件在电脑上预览装修效果（尽管效果与实际结果不一定完全一致）。同样，要想看到CSS的效果，最好就是把它应用到实际的网页中，也可以做一个简单的网页来预览一下效果。
总结为一下三种方法：1、<link rel="stylesheet" type="text/css" href="你的CSS路径"/> 放到<head>标签之间！
2、如果你使用的Dreamweaver，建立站点的话，可以直接把CSS样式拖到<head>标签之间放开鼠标，就可以啦！
3、如果你使用的Dreamweaver，"插入 >HTML >文件头标签 >链接"这个方法也可以使用！
