1、打开软件后，点击菜单栏的修改命令按钮。
2、点击页面属性按钮，会看到页面属性这个窗口。
3、点击外观CSS，就可以在这里设置CSS属性。
本教程会分成N个部分，单独发表，其间可能会插入几篇与教程无关的文章。没有具体的教程发表进度,推荐关注本教程的朋友订阅本站Feed。教程内容的30%-50%为Jorux原创，其余翻译部分均为意译,可能来源于多个国外站点，并在教程结束时公布参考原文地址。曾翻译过一篇css教程：
十步学会用css建站
，文章声称能在十步学会建站，虽说夸张点，但确实能学到一些东西，就像现代社会流行速成一样，它只是一个css快餐，要达到自由运用css，没个百八十步恐怕有点悬。
一个文本编辑器和Firefox
1.文本编辑器
：这里所指的是诸如windows自带的记事本以及Editplus等改进版记事本软件。不推荐Dreamweaver, Frontpage等具有图形化可视操作，不直接编辑css源代码的软件。这类软件确实能在学习css的初期帮助你迅速达成你的愿望，但是不久你就会发现这些被Dreamweaver所自动生成的css代码冗长繁琐，css文件体积增大。一旦离开这些软件你的头脑就会像一张白纸，基本的css语法都想不起来。本人曾走过弯路，望初学css的朋友借鉴。
本人使用Editplus编写网页代码，其属于加强版的记事本，具有多步撤销，语法加亮，全部替换等功能，安装后无需设置，推荐把屏幕字体改为14号Verdana，方便阅读编写。
强烈推荐安装的插件：Web Developer
：其功能之强大，以至于我还没用全它的功能，但是其直接查看网页css代码功能，页面信息的显示，以及验证css和Html的功能非常实用。
ColorZilla：方便提取网页中任何元素的颜色。
Html Validator
：安装这个插件后会在浏览器右下角生成一个图标，绿色对号表示当前网页的Html通过验证，红色叉号表示Html有错误，黄色叹号表示Html存在无法通过验证的警告语句。双击图标就会高亮显示该网页存在的不能通过验证的语句数目、位置以及修改建议。作为设计者，最好养成随时观察这个图标的习惯，你就会发现网上声称能通过验证的网页，几乎都是错误或是警告。本网站除极个别网页外均通过验证。
FireBug：安装这个插件后也会在浏览器右下角生成一个图标，绿色对号表示当前网页的Javascript通过验证，并能对错误的Javascript代码debug。我们暂时并不需要这个功能。需要用到的功能是其Inspector，你需要通过定制工具栏，把Inspector的眼镜图标拖入工具栏。点击Inspector图标后，将鼠标移到网页任意位置，你就能在靠下的窗口看到网页Html文件的相应源代码，在网页调试时非常有用。
装这么多插件是不是有点累，我光写都有点吃不消，所以休息一下，在下一篇文章进入css教程的正文部分。
支持本教程或是有任何疑问，请留言。
TopStyleTopStyle是一款Cascading Style Sheets (CSS) 的编辑软件，可以帮助我们编写符合包括CSS2标准在内的样式表。TopStyle具有CSS定义选择功能，让你可以选取特定的浏览器或CSS阶层、内建的样式表检查器、内部的预览能力、以颜色标示的编辑器，以及样式预览。TopStyle是第一款可以使用Mozilla等Gecko浏览器的程序。你可以用内嵌的Internet Explorer和Mozilla Gecko来预览你的式样表，或者分开使用。此外，TopStyle的设计对系统十分友善。它不会安装任何DLL、ActiveX controls或其它系统文件。功能相当多，附有CSS码检查功能，减少写错的机会。尤其是它的HELP文件中详细的CSS指令介绍，很适于用作参考文件与初次接触CSS的人做为学习使用。如果你想学习web标准，制作CSS需要一个好软件，TopStyle是非常棒的选择。
下载地址：http://www.onlinedown.net/soft/19713.htm
Dreamweaver
Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。DREAMWEAVER、FLASH以及在EAMWEAVER之后推出的针对专业网页图像设计的FIREWORKS，三者被MACROMEDIA公司称为DREAMTEAM(梦之队)，足见市场的反响和MACROMEDIA公司对它们的自信。
下载地址：http://www.onlinedown.net/soft/22017.htm
