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; }
<p class="px">字体大小: 14px</p> <p class="pt">字体大小: 10pt</p> <p class="in">字体大小: .15in</p> <p class="cm">字体大小: .4cm</p> <p class="mm">字体大小: 4mm</p>
上述代码定义了 5 种字体大小,都使用绝对单位。使用绝对长度单位后,在固定分辨率的显示器下,显示出来的都是固定大小。运行结果如图 3‑1 所示:
如果以 px 为单位设置字体大小,使用IE浏览器的用户,就不能在浏览器上通过设置“文字大小”来对文本进行放大或缩小。如果文本太小,就会影响阅读,使用户体验大打折扣。
3)相对尺寸
相对尺寸有 em、��rem,它们都是相对于某个参考基准的字体大小,来计算当前字体的大小,只是参考基准不同而已。
更多web前端知识,请查阅 HTML中文网 !!
以上就是css样式表中如何修改字体大小为18px?的详细内容,更多请关注易知道|edz.cc其它相关文章!