“Pr font font size”的版本间差异
本页内容
（创建页面，内容为“{{DISPLAYTITLE:font-size}}3 = CSS font-size 属性 = 设置不同的HTML元素的字体大小： <sample title="" desc="" lang="html" hererun="1"> h1 {font-size:250%} h2 {font-size:200%} p {font-size:100%} </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <style> h1 {font-size:250%;} h2 {font-size:200%;} p {font-size:100%;} </style> </head> <body> <h1>This is heading…”） |
无编辑摘要 |
||
| 第73行： | 第73行： | ||
{| class="table table-striped table-hover" | {| class="table table-striped table-hover" | ||
! 属性 | ! 属性 | ||
! | ! Chrome | ||
! | ! Internet Explorer / Edge | ||
! | ! Firefox | ||
! | ! Safari | ||
! | ! Opera | ||
|- | |- | ||
| font-size | | font-size | ||
2022年8月19日 (五) 04:29的版本
CSS font-size 属性
设置不同的HTML元素的字体大小：
示例
h1 {font-size:250%}
h2 {font-size:200%}
p {font-size:100%}属性定义及使用说明
font-size 属性用于设置字体大小。
| 默认值： | medium |
| 继承： | yes |
| 版本： | CSS1 |
| JavaScript 语法： | object.style.fontSize="larger" |
示例
/* <absolute-size>，绝对大小值 */
font-size: xx-small;
font-size: x-small;
font-size: small;
font-size: medium;
font-size: large;
font-size: x-large;
font-size: xx-large;
/* <relative-size>，相对大小值 */
font-size: larger;
font-size: smaller;
/* <length>，长度值 */
font-size: 12px;
font-size: 0.8em;
/* <percentage>，百分比值 */
font-size: 80%;
font-size: inherit;浏览器支持
表格中的数字表示支持该属性的第一个浏览器版本号。
| 属性 | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| font-size | 1.0 | 5.5 | 1.0 | 1.0 | 7.0 |
属性值
| 值 | 描述 |
|---|---|
|
把字体的尺寸设置为不同的尺寸，从 xx-small 到 xx-large。 默认值：medium。 |
| smaller | 把 font-size 设置为比父元素更小的尺寸。 |
| larger | 把 font-size 设置为比父元素更大的尺寸。 |
| length | 把 font-size 设置为一个固定的值。 |
| % | 把 font-size 设置为基于父元素的一个百分比值。 |
| inherit | 规定应该从父元素继承字体尺寸。 |
相关文章
CSS 教程: CSS Font
CSS 参考手册: font 属性