在Dreamweaver里怎么预览CSS

html-css014

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

在Dreamweaver里预览CSS步骤:

打开DW(这里用cs6);

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

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

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

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

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

用的DW吧,DW没解决好这个问题,也不好解决,各浏览器下css表现都不一样,dw又以哪个浏览器的标准在DW里面预览呢?

做网页,不要看DW里面界面乱不,尽量自己写代码,要看在几大浏览器下乱不,以浏览器中的最终效果为准,DW你可以忽略它的存在,随便找个编辑器都比它好用。