html超链接字体颜色怎么改DW,Dreamweaver教程-更改文本字休、颜色和大小

本文介绍了如何使用CSS轻松修改网页的字体、颜色和大小。通过DreamweaverCS5,可以方便地更改body和.footer规则,实现全局字体和底部文字颜色的调整。此外,还展示了如何改变文本大小,例如将.content规则中的文本大小设置为原始大小的90%。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

CSS能够简单的通过修改一个规则,即可更改页面或局部的字体、颜色和大小。可谓是一键更改!

更改字体

1.单击“设计”按钮,切换到“设计”视图。

2.在“CSS样式”面板中,双击body规则打开“body的CSS规则定义”对话框,“Font-family”默认的字体为“Verdana, Arial, Helvetica,sans serif”。

268debc03a7c9d6ec91efec1bd95d03d.png

不同的电脑上安装的字体不尽相同,为了保证网页排版效果不会因访问者的电脑没有安装指定的字体而破坏排版效果,因此需要指定一组字体,首先使用Verdana字体,如果没有则使用Arial字体,以此类推。

提示:Dreamweaver CS5提供了十多组常用的字体组合。还可以点击 “Font-Family”框菜单底部的“编辑字体列表”选项创建新的字体组合。

更改字体和颜色

1.在“CSS样式”面板中,双击body规则。

2.从 “Font-family” 菜单中,选择 “Trebuchet MS, Arial, Helvetica, sans-serif’。然后单击“确觉”按钮。

3.在“CSS样式”面板中,双击.footer规则。

4.在“.footer的CSS规则定义”对话框中,在“类型”中单击“Color”后面的色板,选择一个颜色。

以上操作就完成了整个页面字体以及底部文字颜色的更改。

c33cf84e767d8a42cb017b920b6bbc12.png

改变文本大小

除了更改字体样式和颜色之外,也可以利用CSS改变文本大小。

1.在正文任意处点击鼠标,下方的标签选择器会自动显示层级,单击击即可看到正文被选中了,也就是说正文内容均包含中。此步骤只是给大家灌输DIV+CSS布局的理念,与下面的操作并无因果关系。

be762a5b181f5e8c5c43bc51f7c29b10.png

2.在“CSS样式”面板中,双击.content规则。

3.在“.content的CSS规则定义”对话框中,在“Font-size”框中输入“90”,并单位选择“%”。然后单击“确定”按钮,包含在元素中的文本现在将以其原始大小的90%显示。

d711dfe7c33fb24a4a3789c61cfbe3ff.png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值