层模型有三种形式:
绝对定位(position: absolute)
相对定位(position: relative)
固定定位(position: fixed)
绝对定位(position: absolute)
相对定位(position: relative)
固定定位(position: fixed)
2017-01-22
而且mainbody中的left设置了浮动之后(right没有设置浮动),mainbody的高度减少了,减少的就是left的高度。
2017-01-21
当left和right设置成浮动之后为什么mainbody会不见了呢?因为mainbody包含着left和right,当left和right脱离了文档流之后(设置了浮动),那么mainbody就没有内容了(不就看不见了?)。其实要使mainbody看得见只要给他一个高度就看的见了,但在一个网页中,显然固定的高度是不好的,所以就用清除浮动来清除浮动给它带来的影响。这时clear:both为什么没有效果呢?因为clear:both是清除浮动的后面的元素的,所以没有效果。你可以给mainbody加个内容,此时可以看见mainbody并不是在被浮动的后面的。
2017-01-21
1.定义一个内部样式text=css
2.插入图片 设定上下边距 左右边距 用margin,并且设置边框(粗细 格式 颜色-不可少 空壳 )
讲了盒子3D
3.为实现包裹层 加一个模块div 设置边框的粗细 格式和颜色
4.为背景图片book加一个样式,插入book,设置no repeat 再通过样式追加的方式加到content的盒子里去。
在本例中是div class="content "变成div class="content book"
5.背景被图片覆盖了 怎么办 设置盒子的内容即content的padding。微调。
6.初始化。
2.插入图片 设定上下边距 左右边距 用margin,并且设置边框(粗细 格式 颜色-不可少 空壳 )
讲了盒子3D
3.为实现包裹层 加一个模块div 设置边框的粗细 格式和颜色
4.为背景图片book加一个样式,插入book,设置no repeat 再通过样式追加的方式加到content的盒子里去。
在本例中是div class="content "变成div class="content book"
5.背景被图片覆盖了 怎么办 设置盒子的内容即content的padding。微调。
6.初始化。