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 到 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其它相关文章!