Html的加载顺序：
1. 解析HTML结构
2.加载外部脚本和样式表文件
3. 解析并执行脚本代码
4.构造HTML，DOM模型
5.加载图片等外部文件
6.加载完成
HTML→head→tittle→text（网页标题）→style→加载样式→解析样式→link→加载外部样式表文件→解析外部样式表文件→script→加载外部脚本文件→执行外部脚本→body→div→script→加载脚本→解析脚本→执行脚本→img→script→加载脚本→解析脚本→执行脚本→加载外部图像文件→页面初始化完毕
可替换元素
与行内块元素的性质相同，可以设置宽高，在一行内显示。
空链接不跳转，相当于死链接：
透明度的两种方式：
1. Rgba
2. Opacity
盒子塌陷
概念：本应该在父盒子內部的元素跑到了外部。
原因：当父元素没有设置足够的大小时，而子元素设置了浮动的属性，子元素就会跳出父元素的边界（脱离文档流），尤其是当父元素的高度为auto时，而父元素中又没有其他非浮动的可见元素时，父盒子的高度就会直接塌陷为零。
解决方法：
1.最简单的就是把盒子大小写死
缺点：非自适应
2.给外部的父盒子也添加浮动
缺点：对页面的布局不是很友好，不以维护
3.给父盒子添加overflow属性
缺点：
Overflow：auto；有可能出现滚动条，影响美观
Overflow：hidden；可能会带来内容不可见的问题
4.父盒子里最下方引入清除浮动块
缺点：引入不必要的多余元素
5. After伪类清除浮动
外部盒子的after伪元素设置clear属性
推荐使用
IE标准的盒子模型（怪异盒模型）
相当与css3属性中的box-sizing里面的content-box
Width里面所指的内容是content+border+padding
单位：rem指相对于根元素的字体大小的单位，计算依赖根元素
Label标签
label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。
<label> 标签的 for 属性应当与相关元素的 id 属性相同。
Label与input共同使用可以制作出点击事件
外边距塌陷又称外边距合并
只有上下才会出现塌陷，左右不会
简单说就是子元素找不到父元素的border或者padding，就会与父元素上边距重叠
计算方式
1.两个值为正数，去较大的
2.两个值为负数，取绝对值绝对值较大的
3. 一正一负，取两个值的和
解决方式
1．给父元素加边框
2．让父元素浮动
3．给父元素加绝对定位
4．加内边距
5．转为行内块元素
6．Overflow：hidden；
7．Overflow：auto；
网友评论