发表于： 2018-12-01 23:20:09
2 752
今天完成的事情：
今天时间不多，没写代码，看了师姐和师兄给的建议，删去了img前的<a>标签，简单整理了一下常用单位的区别和用法
px（像素）
%（百分比）
自适应布局中常用
- width、height、font-size的百分比是相对于父元素”相同属性“的值来计算的。
- line-height的百分比是相对于父元素的font-size值来计算的
- vertical-align的百分比是相对于当前元素的line-height值来计算的。
em（当前元素字体大小，浏览器默认16px）
在使用时，为了简化换算，可以在body选择器中声明font-size=62.5%，这就使em值变为16px*62.5%=10px,这样12px=1.2em,10px=1em,也就是说只需要的原来的px数值除以10，然后换上em作为单位就行了.步骤如下：
1).再css中为body设置样式，声明Font-size=62.5%；
2).将原来的px数值除以10，然后换上em作为单位；
注意：由于em单位继承父元素字体大小，所以在使用过程中要注意父元素中字体大小，避免字体大小的重复声明
rem（根元素字体大小）
根元素即html元素，可以在css文件中指定html的font-size。
明天计划的事情：
继续任务3
遇到的问题：
暂无
收获：
了解常用单位
返回列表
评论