发表于： 2018-05-13 23:37:54
1 678
今天完成的事情：完成任务8，9的三个页面
明天计划的事情：脑图、任务10
遇到的问题：（遇到什么困难，怎么解决的）
收获：
1）
不定宽布局的方法：导航栏定宽，右侧不定宽的内容不浮动，注意右侧的左外边距的值要大于左侧导航栏的宽度
2）bootstrap辅助类
http://www.runoob.com/bootstrap/bootstrap-helper-classes.html
3）
4）
如何实现两个div互相覆盖：
优秀小课堂电梯
http://v.youku.com/v_show/id_XMTg4Njk5NDU5Ng==.html
5）
什么是脱离文档流？
总结：
脱离文档流，也就是将元素从普通的布局排版中拿走，其他盒子在定位的时候，会当做脱离文档流的元素不存在而进行定位。需要注意的是，使用float浮动脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本依然会为这个元素让出位置，环绕在周围。而对于使用absolute positioning脱离文档流的元素，其他盒子与其他盒子内的文本都会无视它。
脱离文档流，也就是将元素从普通的布局排版中拿走，其他盒子在定位的时候，会当做脱离文档流的元素不存在而进行定位。需要注意的是，使用float浮动脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本依然会为这个元素让出位置，环绕在周围。而对于使用absolute positioning脱离文档流的元素，其他盒子与其他盒子内的文本都会无视它。
6）
复习相对定位、绝对定位
相对定位relative：
对象遵循正常文档流，但将依据top，right，bottom，left等属性在正常文档流中偏移位置。而其层叠通过z-index属性定义。
相对文档流的位置进行移动，但不影响文档流中占据的空间，也就是不影响相邻元素的位置。but如果设置margin，padding是影响的。
绝对定位absolute：
子绝父相
对象脱离正常文档流，（从文档流中删除），并相对于他的包含块定位，包含块可能是文档中的另一个元素或者是初始包含块（html body什么的）。
元素原先在正常文档流中所占的空间会关闭，就好像该元素原来不存在一样。
元素定位后生成一个块级框，而不论原来它在正常流中生成何种类型的框。使用top，right，bottom，left等属性以窗口为参考点进行定位，当出现滚动条时，对象不会随着滚动。而其层叠通过z-index属性定义。
http://www.w3school.com.cn/css/css_positioning_absolute.asp
7）
h12345是块元素
8）
span和内联元素换行会使得元素自带一个空格符的单位
此时设置边框值需要谁知box-sizing ：http://www.w3school.com.cn/tiy/t.asp?f=css3_box-sizing
9）rgba半透明值的设置
返回列表
评论