您的位置:首页 > Web前端 > HTML5

《Html5,基础知识、核心技术与前沿案例》阅读笔记- 待续

2017-03-22 22:04 561 查看
本着对前端知识重温梳理,可能有一些是错误的观点,请指出,不甚感激!

第一章:初探Html5

1. 如果需要页面充满全屏。css定义

html,body{
height:100%;
}


原书描述 css的继承机制,使得 只需要指定html 100% height即可(body 会自动继承)。但是经过初步测试,html 100% 满屏高度后,body并未能 满屏高度。

2.div 元素(# container) 设置了width 100%,这句没有必要,块元素默认就是。

3.body元素的背景设置比较特殊。即使body没有满屏,但是背景会满屏,甚至这样,也能满屏背景。

body{
height: 0px;
background: url(amazing-sky.jpg) center center;
}
(对比第1条,作者认为不需要设置body 的height为100%,也能实现全屏背景,认为body继承了html的100%?这本书刚看,还没看完,作者后面据说还有关于继承解释。)

请高人指点,是不是我的理解有问题(a. body不会继承html的height 属性 b,body的背景样式是全屏的,不依赖于body的height)?
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息