css怎么让字体更大?

在CSS中,可以使用font-size属性来设置字体大小、字体的尺寸,进而让字体变得更大。下面本篇文章就来给大家介绍一下font-size属性。

font-size 属性用于设置字体大小、字体的尺寸;实际上该属性设置的是字体中字符框的高度;实际的字符字形可能比这些框高或矮(通常会矮)。

font-size属性用于设置字体大小。如果一个元素没有显式定义font-size属性,则会自动继承父元素的 font-size属性的计算结果。

示例:对DIV设置字体大小

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>div的字体大小 CSS5</title>
<style>
div{ font-size:12px}
.xiao{ font-size:16px}
#da{ font-size:20px}
</style>
</head>
<body>
<div>默认设置12px</div>
<div class="xiao">字体大小为16px</div>
<div id="da">字体大小为20px</div>
<div style=" font-size:24px">我字体大小为24px</div>
<div>默认设置12px</div>
</body>
</html>

分别使用网页默认div字体大小设置12px,也用了class和id设置字体大小


不同div设置不同大小的字体-浏览器测试结果与说明图

div内文本文字字体大小可用用class设置;也可用id;也可用用标签style属性设置(style属性不推荐)。

font-size属性的属性值:

描述
  • xx-small
  • x-small
  • small
  • medium
  • large
  • x-large
  • xx-large

把字体的尺寸设置为不同的尺寸,从 xx-small 到 xx-large。

默认值:medium。

smaller把 font-size 设置为比父元素更小的尺寸。
larger把 font-size 设置为比父元素更大的尺寸。
length把 font-size 设置为一个固定的值。
/em>把 font-size 设置为基于父元素的一个百分比值。
inherit规定应该从父元素继承字体尺寸。

浏览器支持

说明:

在某些特殊场景下,需要把 font-size 的值设置为0,来隐藏某些文本。但是,在IE6和IE7中,font-size: 0 的文本却变成了小黑点,并没有完全隐藏。

解决这个问题的最简单办法,就是在 font-size: 0 的同时,把 text-indent 属性设置为一个很大的负值,让这些文本显示在屏幕之外,自然就被隐藏起来。

更多web开发知识,请查阅 HTML中文网 !!

以上就是css怎么让字体更大?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读