发表于： 2018-10-23 23:01:51
4 651
今天完成的事情：
（1）完善任务四，去掉header的三块文字的任意一两个，剩下的一两个都还在原位置上不会受到影响。使用absolute定位，是元素完成脱离文档流
（2）学习了CSS sprite，为了减少http请求数，会将大量的图片合成一张雪碧图（Sprite）来使用。雪碧图的使用就是通过控制background-position属性值来确定图片呈现的位置，
（3）任务五，见链接
明天计划的事情：
学习bootstrap
遇到的问题：
在使用rem单位时，设置了font-size:62.5%；在设置元素字体大小时是1rem=10px，但是在设置元素宽度，高度等长度时是1rem=12px。
百度后发现原因在于chrome最小字体为12px，
我们在html中设置了font-size:62.5% ,(= 10px)真正的是 =12px
可以设置用100来换算
html{
font-size:625%;
}
div{
font-size: 0.16rem; /*真实值: 16px 怎么来的 16/100=0.16*/
width: 1rem; /*真实值: 100px 怎么来的 100/100=1*/
}
收获：
了解了absolute定位；了解了雪碧图
返回列表
评论