《Html5,基础知识、核心技术与前沿案例》阅读笔记- 待续
2017-03-22 22:04
561 查看
本着对前端知识重温梳理,可能有一些是错误的观点,请指出,不甚感激!
第一章:初探Html5
1. 如果需要页面充满全屏。css定义
原书描述 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)?
第一章:初探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)?
相关文章推荐
- 大型网站技术架构:核心原理与案例分析阅读笔记四
- 大型网站技术架构:核心原理与案例分析阅读笔记六
- 大型网站技术架构:核心原理与案例分析阅读笔记之三
- 大型网站技术架构:核心原理与案例分析阅读笔记之四
- 《JAVA2核心技术 卷一 基础知识(原书第七版)》《Core java2,Volume I-Fondamentsls Seven Edition》 学习笔记(一)
- 《大型网站技术架构核心原理与案例分析》阅读笔记-01
- 《JAVA 核心技术 基础知识》第六章 笔记
- 【笔记】Java核心技术 卷1 基础知识 第一章 读书笔记
- 大型网站技术架构-核心原理与案例分析-阅读笔记4
- 《JAVA2核心技术 卷一 基础知识(原书第七版)》《Core java2,Volume I-Fondamentsls Seven Edition》 学习笔记(二)BREAK和CONTINUE的区别
- 《JAVA 核心技术 基础知识》 第十章 笔记
- 《 JAVA 核心技术 基础知识》 第五章 笔记
- JAVA核心技术笔记1--基础知识
- 大型网站技术架构-核心原理与案例分析-阅读笔记02
- Html5 Canvas核心技术(图形,动画,游戏开发)--基础知识
- 《JAVA 核心技术 基础知识》 内部类 笔记
- 大型网站技术架构:核心原理与案例分析阅读笔记之五
- 大型网站技术架构-核心原理与案例分析-阅读笔记6
- 《JAVA 核心技术 基础知识》第三章 笔记
- 大型网站技术架构:核心原理与案例分析阅读笔记之六