em html字号,使用 em 来设置字体大小

如果要避免在网络 Explorer 中无法调解排遣文本的问题，许多启迪者运用 em 单元庖代 pixels。

W3C 引荐使用 em 尺寸单元。

1em 就是今朝的字体尺寸。如果一个元素的 font-size 为 16 像素，那么对付该元素，1em 就就是 16 像素。在设置字体大小时，em 的值会相对于付父元素的字体大小窜改。

阅读器中默许的文本大小是 16 像素。因而 1em 的默许尺寸是 16 像素。

可能应用下面这个公式将像素转换为 em：pixels/16=em

(注：16 就是父元素的默认字体大小，假如父元素的 font-size 为 20px，那么公式需改为：pixels/20=em)

实例

h1 {font-size:3.75em;} /* 60px/16=3.75em */

h2 {font-size:2.5em;} /* 40px/16=2.5em */

p {font-size:0.875em;} /* 14px/16=0.875em */

切身试一试

在下面的例子中，以 em 为单元的文本大小与前一个例子中以像素计的文本是近似的。不过，如果运用 em 单位，则或许在所有阅读器中调解排遣文本大小。

可怜的是，在 IE 中仍具备题目。在重设文本大小时，会比畸形的尺寸更大或更小。

连络应用百分比和 EM

在悉数浏览器中均无效的方案是为 body 元素(父元素)以百分比设置默认的 font-size 值：

实例

body {font-size:100%;}

h1 {font-size:3.75em;}

h2 {font-size:2.5em;}

p {font-size:0.875em;}

切身试一试

咱们的代码尤其有用。在所有阅读器中，大要展示沟通的文本大小，并许可所有浏览器缩放文本的大小。

em html字号,使用 em 来设置字体大小相关推荐

idea html设置字体大小,intellij idea设置(字体大小、背景)
1. 配置信息说明 Intellij Idea: 2017.2.5 2.具体设置 <1> 设置主题背景.字体大小 File---->Settings----->Appearan ...
html字号24怎么设置,css怎么设置字体大小
前端开发中,为了突出一些内容常常对一些内容进行字体大小的设置.那么怎么设置字体大小?下面本篇文章就来给大家介绍一下使用CSS设置字体大小的方法,希望对大家有所帮助. 在CSS中,可以使用font-si ...
HTML如何设置字号大小和颜色,css如何设置字体大小和颜色？
设计网页时,一般设置body的字体,让其他标签继承body的字体,这样设置特别方便,但是标题标签h1到h6和表单标签(input类型)是没有继承body的字体属性的,它们的字体需要单独设置. css如 ...
如何修改html中字号大小,css怎么设置字体大小？
在CSS代码标签中,修改"font-size"属性可以改变字体的大小,下面我们来看一下css使用font-size属性设置字体大小的示例. css可以使用font-size属性设置 ...
html怎么设置网页的大小怎么设置,css怎么设置字体大小
前端开发中,为了突出一些内容常常对一些内容进行字体大小的设置.那么怎么设置字体大小?下面本篇文章就来给大家介绍一下使用CSS设置字体大小的方法,希望对大家有所帮助. 在CSS中,可以使用font-si ...
div html表格样式设置字体大小,css样式表中如何修改字体大小为18px？
css样式表中如何修改字体大小为18px?下面本篇文章给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. css样式表中如何修改字体大小为18px? 在css样式表中可以 ...
php的样式怎么设置字体大小,css中如何改变字体大小
在css中,可以使用font-size属性来改变字体大小,该属性可以设置字体大小,语法格式为"font-size:值;".实际上font-size属性设置的是字体中字符框的高度,实 ...
设置字体大小用css的哪个属性,css设置字体大小的属性名是什么
css设置字体大小的属性名是"font-size",该属性使用css中表示尺寸的单位(px.em.rem等)设置字体大小,也可以使用百分号等单位来设置.实际上font-size设置 ...
css设置个性字体大小,css设置字体大小的属性名是什么
css设置字体大小的属性名是"font-size",该属性使用css中表示尺寸的单位(px.em.rem等)设置字体大小,也可以使用百分号等单位来设置.实际上font-size设置 ...
css设置字体大小会受分辨影响吗,CSS字体大小设置时的参考（转）
font-size 设置的绝对关键字: 以下几个绝对字体大小的设置是有效的.当然他们是浏览器预定义设置的.给元素指定了绝对关键字font-size的时候,该元素就不会继承父元素的字体大小 font-s ...

em html字号,使用 em 来设置字体大小

em html字号,使用 em 来设置字体大小相关推荐

最新文章

热门文章