前端css中单位em和px的区别

px表示像素 (计算机屏幕上的一个点：1px = 1/96in)，是绝对单位，不会因为其他元素的尺寸变化而变化；em表示相对于父元素的字体大小。em是相对单位 ，没有一个固定的度量值，而是由其他元素尺寸来决定的相对值。

创新互联-专业网站定制、快速模板网站建设、高性价比勐海网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式勐海网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖勐海地区。费用合理售后完善，十余年实体公司更值得信赖。

px像素，相对长度单位。像素px是相对显示器屏幕分辨率而言的。用于元素的边框或者定位。em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被设置，则相对浏览器的默认字体尺寸。

② em的值不是固定的；③ em会继承父级元素的字体大小；根据以上特点我们知道em单位转换为像素值，大小取决于自身父级元素所设置的px值大小。父级元素字体大小乘以em的值。

概念 px：绝对单位，页面按精确像素展示。em：相对单位，基准点为父节点字体的大小，如果自身定义了font-size按自身来计算（浏览器默认字体是16px），整个页面内1em不是一个固定的值。

EM：EM就是根据基准来缩放字体的大小。EM实质是一个相对值，而非具体的数值。这种技术需要一个参考点，一般都是以body的“font-size”为基准。如WordPressguan 方主题Twenntytwelve的基准就是14px=1em。

Font-size：5em；其实在国外CSS编写中，使用em作为单位是很多的，一是人性化考虑，二是受到美国劳工部Section508法案的强行限制。

CSS中的em运用详解,1em等于多少像素

1、相对长度单位，相对于 当前对象 内文本的字体尺寸，如当前对行内文本的字体尺寸未被设置，则相对于浏览器的默认字体尺寸。 任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合：1em = 16px。

2、我们可以简单地把em理解为字体的大小，比如说当前元素的字体大小（font-size）是16px，那么1em=16px，5em=24px，依此类推。rem与em类似，只不过它是以根元素（html）的字体大小作为基本单位的。

3、任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合： 1em=16px。那么12px=0.75em，10px=0.625em。

4、第em与px之间怎么换算？*任意浏览器的默认字体高度16px(16像素)。*所有未经调整的浏览器都符合：1em=16px。*那么12px=0.75em，10px=0.625em。

css在初始化时为什么写成h1,h2,h3,h4,h5,h6{font-size:1em;}是1em...

1、指的是标题，h1一级标题，h2二级标题，h6六级标题。这些都是块级标签，默认样式从h1到h6字体大小依次减小。

2、h1， h2， h3， h4， h5， h6 { margin：0；padding：0；font-size：100%；font-weight：normal；} 字体大小设置为统一：font-size：100%；且加粗的效果去掉：font-weight：normal；边距都去掉。

3、h1， h2， h3， h4， h5， h6， p {font-family： 黑体；} 这样会将文档中所有的h1~h6以及p元素字体设置为”黑体”。

4、打开字体设置之后，查找到你要用的那个字体文件的名字，然后按照上面教程的步骤 把 微软雅黑 改成那个名字就好了。

5、A，B都是错误的。。C，D是正确的的。。C只定义了A的样式。D同时定义了font和html的样式。这里的font和html是个人定义的名字，而不是指字体。

网页名称：css样式1em CSS样式生效的优先级
本文网址：http://azwzsj.com/article/diogsec.html