当前页面位置: » 丰搜网 » 文档中心 » 详细内容
初学解惑：常用css样式图文设置教程
注：在论坛中记得有人问过，做了网页之后字体特别大？如何控制网页中的字体呢？答案是用css来控制，今天给大家编写这个教程主要是面对初学者的！
一个有链接的文本，鼠标on、over不同状态下的响应是不同的，在flash中我们可以轻松的在不同帧上进行不同的设置，但如果我们需要在网站中所有的链接中呈现此状态，flash制作显然不可想象，或者在页面特定的文字中统一的出现一种链接效果，这就是css样式，ok，下面开始：
打开dw mx 2004，新建页面插入表格，设置对齐居中，输入文字（注：w3c已经不推荐使用表格排版了, 现在网页设计已经开始用时css定位页面元素，本教程里面的表格可以用<ul><li>替换。）
asp?p=/2006-4-19/8691211bg44_1.jpg" border="0" alt="初学解惑：常用css样式图文设置教程（图一）" />
在输入的文字上设置超链接后，系统默认字体颜色变蓝，并且自动加下划线，从下图可以看到，字体感觉很粗糙，没有精致感。
asp?p=/2006-4-19/9109111bg44_2.jpg" border="0" alt="初学解惑：常用css样式图文设置教程（图二）" />
将光标定位在文字单元格/右键/选择“css样式表”->“新建”。也可以在css面板右键/新建css样式表
asp?p=/2006-4-19/5394911bg44_3.jpg" border="0" alt="初学解惑：常用css样式图文设置教程（图三）" />
在弹出的面板中做如下设置：
asp?p=/2006-4-19/8845111bg44_4.jpg" border="0" alt="初学解惑：常用css样式图文设置教程（图四）" />
确定之后javascript id=text3087924>保存
javascript>asp?p=/2006-4-19/9996611bg44_5.jpg" border="0" alt="初学解惑：常用css样式图文设置教程（图五）" />
javascript> 单击“保存”之后，在接下来的弹出面板中设置字体为“宋体”，字号为12，行高22，字体颜色可以设置为和背景协调的颜色。
javascript>asp?p=/2006-4-19/6934211bg44_6.jpg" border="0" alt="初学解惑：常用css样式图文设置教程（图六）" />
目前字型还没有任何变化，接着：右键/选择“css样式表”->“新建”，在弹出面板做如下设置：
asp?p=/2006-4-19/7945811bg44_7.jpg" border="0" alt="初学解惑：常用css样式图文设置教程（图七）" />
asp?p=/2006-4-19/4444211bg44_8.jpg" border="0" alt="初学解惑：常用css样式图文设置教程（图八）" />
重复上面步骤：
asp?p=/2006-4-19/6156411bg44_9.jpg" border="0" alt="初学解惑：常用css样式图文设置教程（图九）" />
asp?p=/2006-4-19/193141bg44_10.jpg" border="0" alt="初学解惑：常用css样式图文设置教程（图十）" />
好了，现在用ie预览，在鼠标移动至链接文字上，颜色改变，出现下划线。
asp?p=/2006-4-19/967201bg44_11.jpg" border="0" alt="初学解惑：常用css样式图文设置教程（图十）" />
至此css样式设置完成。
如果需要修改样式，右键/选择“css样式表”->“管理样式”，如图：
asp?p=/2006-4-19/112991bg44_12.jpg" border="0" alt="初学解惑：常用css样式图文设置教程（图十二）" />
asp?p=/2006-4-19/145271bg44_13.jpg" border="0" alt="初学解惑：常用css样式图文设置教程（图十三）" />
asp?p=/2006-4-19/323571bg44_14.jpg" border="0" alt="初学解惑：常用css样式图文设置教程（图十四）" />
