DIV+CSS教程:[4]CSS如何设置文字字体

 时间:2024-10-12 19:05:39

1、在html语言中,文字的字体设置是通过<font face="字体荏半吨蛸名称">来设置,如设置为黑体,则<font face="黑体">,前面已经说过这样操作,增加网页代码的体积而且不利于后期维护,所以通过CSS来控制。

DIV+CSS教程:[4]CSS如何设置文字字体

2、CSS是通过font-family属性进行控制。如控制文字的字体为黑体,则font-family:黑体;font-family可以声明多种字体,每种字体之间用逗号隔开。

DIV+CSS教程:[4]CSS如何设置文字字体

3、同时声明多种字体,那么那个亨蚂擤缚字体才生效,或者全部生效?如font-family:黑体,宋体,Arial;浏览器先在徽涕濠铿浏览者本机上查找黑体,如果没有,再找宋体,如果没有再继续找,如果所有都没有,那么则使用浏览器默认字体显示,如果设计者喜欢一些特别字体来给网页添加某种效果,建议做成小图片,再加载到网页中。

4、通常有些字体有几个英文单词的,每个单词间空格隔开,这些字体需要双引号将其引起来。如以下代码中的Trebuchet MS,font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

DIV+CSS教程:[4]CSS如何设置文字字体

5、在上面代码的最后可以看有这一类字体,sans-serif,其实这个代码是告诉浏览器,如果客户端没有指定字体时可以使用本机上的默认字体。

6、下面是一些简单字体设置代码,及其运行后效果。

DIV+CSS教程:[4]CSS如何设置文字字体
DIV+CSS教程:[4]CSS如何设置文字字体
  • CSS教程 text-decoration属性的使用
  • 用CSS来控制实现div的外边距margin
  • 运用css3制作和调整网页上图形的渐变效果。
  • 用div控制三块分别显示红色、黄色、蓝色
  • Dreamweaver CS3的记录集各项说明
  • 热门搜索
    校园安全手抄报图片 环境手抄报资料 一年级数学手抄报内容 关于交通的手抄报 手抄报内容资料 手抄报感恩内容大全 关于数学手抄报图片 关于春天的手抄报花边 有关法制的手抄报 安全法制教育手抄报