发表于： 2016-04-01 23:06:30
1 1657
今天完成的事情：完成了百度前端学院task2的内容，初步看了下task4的要求和知识点。深入学习了css中百分比的使用方法及其参考对象。
明天计划的事情：完成task4的html和css的编写，调试到和要求一样；
收获：简单总结下css中百分比的参考对象：
1、width参照包含块的宽度，height参照包含块的高度。
2、margin和padding，其任意方向的百分比值，参照都是包含块的宽度。
3、border-radius定义的百分比值，参照物是这个元素自身的尺寸。
4、font-size参照是直接父元素的font-size。
5、line-height参照是元素自身的font-size。
6、百分比值的继承：当百分比值用于可继承属性时，只有结合参照值计算后的绝对值会被继承，而不是百分比值本身。例如，一个元素的font-size是14px，并定义了line-height:150%;，那么该元素的下一级子元素继承到的line-height就是21px，而不会再和子元素自己的font-size有关。
（参考：http://www.jb51.net/css/362243.html）
返回列表
评论