二、CSS文件链接方法和定义方法

和普通网页相同，在使用Dreamweaver软件时，链接CSS文件只需要在软件右侧的CSS面板中点击“附加样式表”，然后选择CSS文件即可。 如果还没有CSS文件，就点击“新建CSS规则”按钮新建一个CSS文件。如图一中所示：

1、图1-1，点击“新建CSS规则”按钮；

2、图1-2，在新建CSS规则的窗口中选择“标签”，在下面标签处选择“body”，或直接输入，在“定义在”选项中选择“新建样式表文件”，点击确定；

3、图1-3，将CSS文件命名为style.css，然后保存；

4、图1-4，在CSS规则定义的对话框中定义：字体-12px、行高-18px、填充-0（全部相同）、边界-0（全部相同），然后确定。

完成以上四步，CSS文件就新建并链接完毕，接下来再进行一些定义即可。 手机网页不需要太多美化，修饰越多就会造成下载数据过多和时间过慢，还会增加用户流量费用，所以简要的修饰和清晰地结构才是最重要的。于是，运用好标题、列表项、换行等内容在收集网页中是很重要的。

body { font-size: 12px; margin: 0px; padding: 0px; line-height: 18px; }

img { border:0; }

h1,h2,h3,div,li,p { margin:0; padding:2px 2px; font-size:12px }

h1 { background:#7acdea; }

h2 { background:#d2edf6; }

input { font-size:12px; }

a { font-size:12px; }

a:link,a:visited { color:#0050B4; text-decoration: none; }

.list { padding: 3px 0 0 5px; }

#footer { border-top: 2px #FD6301 solid; border-bottom: 1px #ddd solid; margin: 15px 0 10px 0; padding: 5px; }

其中，链接a标签的属性可以不定义，直接使用浏览器默认颜色，这里仅用于美化。h1、h2作为标题使用，list是列表内容区域，footer是页脚的版权信息。 手机网页中需要用CSS定义的内容基本上就这些，如果以后有用到其它内容，将继续补充。