注册/登录,欢迎光临!
加入收藏设为首页网站地图
您当前的位置:辛勤IT网 >> 网页设计 >> DIV+CSS >> 如何编辑CSS
热门:word | excel | powerpoint

如何编辑CSS

2012/12/24 16:15:45 所属分类:网页设计 - DIV+CSS
内容提要:如何编辑CSS,CSS文件与HTML文件一样,都是纯文本文件,因此一般的文字处理软件都可以对CSS进行编辑。记事本和UltraEdit等最常用的文本编辑工具对CSS的初学者尤其有帮助。

  CSS文件与HTML文件一样,都是纯文本文件,因此一般的文字处理软件都可以对CSS进行编辑。记事本和UltraEdit等最常用的文本编辑工具对CSS的初学者尤其有帮助。在网上也能找到很多CSS的编辑器或在线编辑器,辛勤网推荐Macromedia Dreamweaver的纯代码模式。

  Dreamweaver这款专业的网页设计软件在代码模式下对HTML、CSS和JavaScript等代码都有着非常好的语法着色以及语法提示功能,并且自带很多实例,对CSS的学习很有帮助。如下图所示:

Dreamweaver的代码模式-如何编辑CSS

Dreamweaver的代码模式

  从上图中可以看到,对于CSS代码,在默认的情况下都采用粉红色进行语法着色,而HTML代码中的标记则是蓝色,正文内容在默认情况下为黑色。而且对于每行代码,前面都是有行号进行标记,方便对代码的整体规划。

  在Dreamweaver中,无论是CSS代码还是HTML代码,都有很好的语法提示。在编辑具体CSS代码时,按回车键或空格键都可以出发语法提示。如下图:

Dreamweaver语法提示-如何编辑CSS

Dreamweaver语法提示

  Dreamweaver会列出所有可以提供的CSS样式,方便设计者快速进行选择,从而提高了工作效率。

  而且,当已经选定某个CSS样式,例如上例的color样式,在其冒号后面再按空格键时,Dreamweaver会弹出新的详细提示框,让用户对相对CSS的值进行直接选择,如下图所示的调色板就是其中的一个情况。

调色板-如何编辑CSS

调色板

网页设计 | DIV+CSS
最近更新
推荐信息
关于我们 | 联系方式 | 对话本站 | 版权声明 | 所有信息