如何编辑CSS

时间:2021-04-16

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

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

Dreamweaver的代码模式

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

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

Dreamweaver语法提示

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

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

调色板

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章