前面的文章中我们介绍了通过 CSS 选择器控制元素的样式,默认情况下都是修改页面文本的字体颜色。如果要改变元素中文本的字体大小怎么操作呢,在 CSS 中,是通过 font-size 属性来设置元素中所含文本的字体大小。通过 CSS 定义 font-size 属性时,可以使用预定义关键字、绝对尺寸、相对尺寸三种方式实现。我们今天要介绍的是现在网页中使用最多的绝对尺寸方式,绝对尺寸包含 px(像素)、pt(点,1pt 相当于 1/72in)、in(英寸)、cm(厘米)、mm(毫米)等。页面中使用比较多的是像素方式,今天的文章主要介绍像素方式。像素类选择器方式的代码示例如下:<style type=”text/css”> .font-px-30 { font-size:30px; }</style>
注意:如果以 px 为单位设置字体大小,使用 IE 浏览器的用户,就不能在浏览器上通过设置“文字大小”来对文本进行放大或缩小。
CSS 定义了 5 种通用字体,分别是 serif、sans-serif、cursive、fantasy、monospace,font-family ,可用使用其中的任何一种。一般中文网站页面默认情况下使用的字体为宋体,如果想改变页面字体为其他字体,CSS 通过 font-family 属性来设置。在类 font-px-30 增加 font-family 属性,将字体设置为华文仿宋,华文仿宋的英文名称为STFangsong,为了防止中文名称出现乱码,将字体设置为英文名称 STFangsong, 代码如下:
为了方便大家查看之前文章的示例效果,已经将示例文件更新至网站: https://www.icoderoad.com , 目录索引如下图:
今天就讲到这里,如果有问题需要咨询,大家可以直接留言或扫下方二维码加入学习社群,我们会尽力为你解答。