CSS+div美化和布局

1、

标记与标记

           

(division)是一个区块容器标记 ,即
之间可以容纳段落,标题、表格、图片、乃至章节、摘要等各种HTML元素。

        因此可以把

的内容视为一个独立对象,用于CSS控制。

            作为容器标记来讲,与

区别不大;二者作用都是独立出各个区块。

              区别:

是一个块级元素,包围的元素会自动换行;

                         是行内元素,不换行,没有结构上的意义,纯粹是应用样式。

 

            

div标记不同行

//两张图片自动换行

div标记不同行

                                         //两张图片在同一行

                         此外,

可以包含,反之则不行。

                                   

用于大区块;

                                     用于需要单独设置样式的小元素,eg:一个单词、图片、超链接等。



2、盒子模型

           盒子模型是CSS控制页面时一个重要概念。只有很好的掌握盒子模型以及每个元素的用法,才能真正地控制页面中各元素的位置。

           所有页面中的元素都可以看成是一个盒子,占据着一定的页面空间。 

                                                                                          CSS+div美化和布局_第1张图片

                                                               盒子的实际宽度(或高度)= content+border+padding+margin


你可能感兴趣的:(网页设计与开发)