练习:浮动栏的实例

1. 浮动栏, 中间空白的关键点

        设置两个DIV, 一个在内, 一个在外, 内部之间的DIV用margi隔开. 这样在视觉上就是各个容器都有一段空白的距离

 2.浮动栏 中间序线的关键点

    border-right and border-left

    在一个大容器中, 放入多个小容器, 并施加浮动属性. 之后. 通过每个小容器的边框显示与否的属性实现这个显示.

3.盒子模型

    两个部分 , 一个是padding的内部填充, 一个是margin的外部边距.

4.网页划分

div  div. 不断的将网页通过div标签给划分, 之后逐步完善细节.

你可能感兴趣的:(练习:浮动栏的实例)