900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > div html表格样式设置字体大小 css样式表中如何修改字体大小为18px?

div html表格样式设置字体大小 css样式表中如何修改字体大小为18px?

时间:2023-05-01 19:27:39

相关推荐

div html表格样式设置字体大小 css样式表中如何修改字体大小为18px?

css样式表中如何修改字体大小为18px?下面本篇文章给大家介绍一下。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

css样式表中如何修改字体大小为18px?

在css样式表中可以通过font-size:18px样式来修改字体大小为18px。

font-size 属性用于设置字体大小。通过 font-size属性可以设置元素中所包含文本的字体大小。如果一个元素没有显式定义font-size属性,则会自动继承父元素的 font-size属性的计算结果。

定义 font-size 时,可以使用预定义关键字、绝对尺寸、相对尺寸:

1)预定义关键字

预定义关键字有 xx-small、x-small、small、medium、large、x-large、xx-large,尺寸按顺序依次增大,类似于衣服的尺寸。

使用预定义关键字有两大缺陷:一是只有 7 种选择,可选择范围太小;二是跟衣服的尺寸一样,不同厂商对每个关键字对应的字体大小的精确值可能各不不同,导致在不同浏览器下,文本的大小可能不同。因此,不推荐使用预定义关键字来定义字体的大小。

2)绝对尺寸

绝对尺寸有px(像素)、pt(点,1pt 相当于 1/72in)、in(英寸)、cm(厘米)、mm(毫米)等。如:.px {

font-size: 14px;

}

.pt {

font-size: 10pt;

}

.in {

font-size: .15in;

}

.cm {

font-size: .4cm;

}

.mm {

font-size: 4mm;

}

字体大小: 14px

字体大小: 10pt

字体大小: .15in

字体大小: .4cm

字体大小: 4mm

上述代码定义了 5 种字体大小,都使用绝对单位。使用绝对长度单位后,在固定分辨率的显示器下,显示出来的都是固定大小。运行结果如图 3‑1 所示:

如果以 px 为单位设置字体大小,使用IE浏览器的用户,就不能在浏览器上通过设置“文字大小”来对文本进行放大或缩小。如果文本太小,就会影响阅读,使用户体验大打折扣。

3)相对尺寸

相对尺寸有 em、%、rem,它们都是相对于某个参考基准的字体大小,来计算当前字体的大小,只是参考基准不同而已。

更多web前端知识,请查阅 HTML中文网 !!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。