注:在论坛中记得有人问过,做了网页之后字体特别大?如何控制网页中的字体呢?答案是用CSS来控制,今天给大家编写这个教程主要是面对初学者的!
一个有链接的文本,鼠标ON、OVER不同状态下的响应是不同的,在FLASH中我们可以轻松的在不同帧上进行不同的设置,但如果我们需要在网站中所有的链接中呈现此状态,FLASH制作显然不可想象,或者在页面特定的文字中统一的出现一种链接效果,这就是CSS样式,OK,下面开始:
打开DW MX 2004,新建页面插入表格,设置对齐居中,输入文字(注:W3C已经不推荐使用表格排版了, 现在网页设计已经开始用时CSS定位页面元素,本教程里面的表格可以用<UL><LI>替换。)
在输入的文字上设置超链接后,系统默认字体颜色变蓝,并且自动加下划线,从下图可以看到,字体感觉很粗糙,没有精致感。
将光标定位在文字单元格/右键/选择“CSS样式表”->“新建”。也可以在CSS面板右键/新建CSS样式表
在弹出的面板中做如下设置:
确定之后保存
单击“保存”之后,在接下来的弹出面板中设置字体为“宋体”,字号为12,行高22,字体颜色可以设置为和背景协调的颜色。
目前字型还没有任何变化,接着:右键/选择“CSS样式表”->“新建”,在弹出面板做如下设置:
重复上面步骤:
好了,现在用IE预览,在鼠标移动至链接文字上,颜色改变,出现下划线。
至此CSS样式设置完成。
如果需要修改样式,右键/选择“CSS样式表”->“管理样式”,如图: