在Dreamweaver里怎么预览CSS

html-css014

在Dreamweaver里怎么预览CSS,第1张

在Dreamweaver里预览CSS步骤:

打开DW(这里用cs6);

打开需要预览的html文件,如图

打开之后点击实时视图,如图

就能预览css的实时视图了,

CSS本身并不能直接预览的,必须把它跟实际的网页结合才能呈现效果。

就好像装修房屋,CSS就像是装修的计划书和设计图纸,比如它可能记载了:客厅的天花板用什么样的颜色、卧室的床用多大的、卫生间的洗浴设备用什么牌子的……等等诸如这些,但是,光有这些并不能说就装修完了是吧?你必须按照计划书逐步把它付诸实施,最后才能看到实际的装修效果。当然,你也可以利用一些装修方面的CAD软件在电脑上预览装修效果(尽管效果与实际结果不一定完全一致)。同样,要想看到CSS的效果,最好就是把它应用到实际的网页中,也可以做一个简单的网页来预览一下效果。

按照路径预览的网页文件和style.css应处于同一文件夹的根目录才可以。

注意事项:

1、书写的代码兼容性问题,建议查看css hack。

2、a:link、a:visited、a:hover,按照顺序写。