第13章_CSS+DIV页面布局.pptVIP

1. div标记 在使用CSS排版的页面中，div是常用的标记。 利用Div+css，可以很方便地实现各种效果。 div是一个区块容器标记，即div与/div之间相当于一个容器，可以容纳各种HTML元素。 可以把div与/div之间的内容视为独立的对象，只要对div进行控制，其中的各标记元素都会因此而改变。 注意： div是一个块级元素，默认状态下插入每个div在网页中会自动换行。 2. 盒子模型 所有页面中的元素都可以看成一个盒子，占据着一定的页面空间。可以通过调节盒子的边框和距离等参数，来调节盒子的位置。 一个盒子模型由content（内容）、border（边框）、padding（内边距）、margin（外边距）这4个部分组成。 布局的“模型” border border 一般用于分离元素，计算元素实际的宽和高时，要将border也考虑进去。 border的属性主要有3个：color、width、style 如果希望在某段文字结束后加上虚线用于分割，而不是用border将整段话框起来; 可以通过单独设置border-bottom来完成。 padding padding用于控制内容（content）与边框（border）之间的距离; 加入Padding-bottom的语句，实现如下效果。 margin margin是指元素与元素之间的距离。 加入m