轻松学HTMLCSS之divcss.pptxVIP

第10章 div+css使用div来设计布局，是现在较为流行的一种编写方法。div标签只是一个空标签，需要与CSS共同使用，才能达到更好的效果。本章我们就来详细介绍有关div+CSS的知识。10.1 div标签div可定义文档中的分区或节。div标签可以把文档分割为独立的、不同的部分，可以作为严格的组织工具，并且不使用任何格式与其关联。通常使用id或class来标记div，使得div标签的作用变得更加有效，定义语法形式如下所示：10.1.1 div标签的应用div标签可以在内容中使用，用来定义内容样式。上节我们已经说过div标签是一个空标签，单独使用没有任何效果，这里将为div标签添加style属性，定义语法形式如下所示：10.1.2 嵌套div标签在网页布局时，通常需要对div标签进行嵌套使用。与表格不同，div标签是把布局当成行来看，然后再通过在行里嵌套多个div标签来形成多个列，定义语法形式如下所示：10.2 盒模型盒模型是进行和实现DIV+CSS布局的基础，关系到网页元素的排列和定位。10.2.1 盒模型的概念盒模型由内容、边框、内填充和外边距组成，效果如图10.1所示。10.2.1 盒模型的概念下面演示了在CSS中设置盒模型的高度和宽度，及其具体的示意图10.2。10.2.1 盒模型的概念根据上面所讲示例所示，盒模型的宽度指内容区域的宽度，其他部分都没有计算