码迷,mamicode.com
首页 > 其他好文 > 详细

关于 transparent rgba display:none; opacity visiblity 关于em

时间:2018-08-20 18:57:26      阅读:116      评论:0      收藏:0      [点我收藏+]

标签:12px   等于   技巧   数值   关于   lib   mil   family   one   

关于 transparent  rgba   display:none; opacity   visiblity  

display 之后不会占位。

其余都会占位

opacity 还会继承,子元素也会呈现出透明。

 

关于em

任意浏览器的默认字体高度16px16像素)。所有未经调整的浏览器都符合: 1em=16px。那么12px=0.75em,10px=0.625em。为了简化font-size的换算,需要在css中的body选择器中声明font-size=62.5%,这就使em值变为 16px*62.5%=10px, 这样12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10,然后换上em作为单位就行了。

我们在对全体html标签声明初始一次font-size=62.5%

如:

*{font-size=62.5%}

即可此后面布局可依据以下技巧进行设置em单位

font-size:1.2em等于font-size:12px

font-size:1.4em等于font-size:14px

以此类推相当于初始font-size=62.5%后,empx单位就只有10倍差距,以便方便计算与设置em长度数值使用。

关于 transparent rgba display:none; opacity visiblity 关于em

标签:12px   等于   技巧   数值   关于   lib   mil   family   one   

原文地址:https://www.cnblogs.com/shangXR/p/9506981.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!