济南建站教程

济南网站建设哪家好?PX和EM有什么区别?

作者:admin 分类:济南建站教程 2017-05-29 09:43:15 我要评论(0)

今日说一个经常用,可是没留意的疑问,在设置字体巨细的时分咱们能够用px也能够用em,济南网站建设哪家好?PX和EM有什么区别?,今日咱们来说一下。

  px像素(Pixel):

  px是相对长度单位。像素px是相对于显示器屏幕分辨率而言的。

  em:

  em也是相对长度单位,是相对于当时字体巨细的尺度,这个字体可所以设置的,也可所以承继的。如果没设置,即是相对于浏览器默许的字体巨细(16px)。

  px与em的差异:

  1.em的值并不是固定的,是根据当时字体的巨细而定,1em即是当时字体的巨细。而px的巨细是固定。

  2.em能够承继自父容器,而px不可。

  3.在IE中px的字体是不能够改动巨细的(在IE上方点击检查文字巨细)。

  实例作用

  !DOCTYPEhtmlhtmlheadmetacharset=utf-8metaname=authorcontent=www.cnwenhui.com//title文汇搭站/titlestyletype=text/cssulli{list-style-type:none;}.em{font-size:2em;}.px{font-size:32px;}/style/headbodyulliclass=em我的巨细是2em/liliclass=px我的巨细是32px/li/ul/body/html

  

  以上代码中,因为没有进行格外的字体设置,所以我的巨细是2em的字体巨细就承继了浏览器的默许设置,即1em=16px,那么2em也就等于32px。下面就看一个不是默许16px的状况,代码如下:

  !DOCTYPEhtmlhtmlheadmetacharset=utf-8metaname=authorcontent=http://www.cnwenhui.com//title文汇搭站/titlestyletype=text/cssulli{list-style-type:none;}.first{font-size:12px;}.em{font-size:2em;}.px{font-size:32px;}.test{font-size:24px;}/style/headbodydivclass=firstspanclass=em我的字体巨细是2em/span/divdivspanclass=px我的字体巨细是32px/span/divdivspanclass=test我的字体巨细是24px/span/div/body/html

  

  以上代码中因为设置了类名为first的div中的字体巨细为12px,那么在此div之内的1em就等于12px。而第二个div依然是运用默许的字体巨细16px。第三个div内的span中的字体巨细设置为24px。


1.本站文章源自网络,大部分原创内容。如有发现侵权等问题,请联系删除,谢谢。
2.更多原创内容源自济南网站建设公司
        3.济南网站建设公司提供:济南建设济南手机网站制作济南网站开发济南网站优化等服务

相关文章
网友点评

发表评论

必填

选填

选填

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

排行榜
最新留言
    标签列表