初学解惑：常用CSS样式图文设置教程

　　注：在论坛中记得有人问过，做了网页之后字体特别大？如何控制网页中的字体呢？答案是用CSS来控制，今天给大家编写这个教程主要是面对初学者的！

　　一个有链接的文本，鼠标ON、OVER不同状态下的响应是不同的，在FLASH中我们可以轻松的在不同帧上进行不同的设置，但如果我们需要在网站中所有的链接中呈现此状态，FLASH制作显然不可想象，或者在页面特定的文字中统一的出现一种链接效果，这就是CSS样式，OK，下面开始：

　　打开DW MX 2004，新建页面插入表格，设置对齐居中，输入文字（注：W3C已经不推荐使用表格排版了, 现在网页设计已经开始用时CSS定位页面元素，本教程里面的表格可以用<UL><LI>替换。）

　　在输入的文字上设置超链接后，系统默认字体颜色变蓝，并且自动加下划线，从下图可以看到，字体感觉很粗糙，没有精致感。

　　将光标定位在文字单元格/右键/选择“CSS样式表”->“新建”。也可以在CSS面板右键/新建CSS样式表

　　在弹出的面板中做如下设置：

　　确定之后保存

　　单击“保存”之后，在接下来的弹出面板中设置字体为“宋体”，字号为12，行高22，字体颜色可以设置为和背景协调的颜色。

　　目前字型还没有任何变化，接着：右键/选择“CSS样式表”->“新建”，在弹出面板做如下设置：

　　重复上面步骤：

　　好了，现在用IE预览，在鼠标移动至链接文字上，颜色改变，出现下划线。

　　至此CSS样式设置完成。

　　如果需要修改样式，右键/选择“CSS样式表”->“管理样式”，如图：

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有