(精)DIV+CSS制作技巧.pptVIP

DIV+CSS 为什么要学DIV+CSS？ 学习目标 从原来的表格布局跨入到web标准（div+css）布局，会使用web标准制作出常见的页面。 课程项目： 基础 css优先级 ■id优先级高于class ■后面的样式覆盖前面的 ■指定的高于继承 ■行内样式高于内部或外部样式 ■总结：单一的(id)高于共用的(class)，有指定的用指定的，无指定则继承离它最近的 css盒模型组成 css盒模型是重点。盒模型是和table布局的一个不同点。学习web标准，首先要弄懂的就是这个盒模型，这就是DIV排版的核心所在。传统的表格排版是通过大小不一的表格和表格嵌套来定位排版网页内容，改用CSS排版后，就是通过由CSS定义的大小不一的盒子和盒子嵌套来编排网页。这种排版方式的网页代码简洁，表现和内容相分离，维护方便，能兼容更多的浏览器，比如PDA设备也能正常浏览。 层：div……/div div 可定义文档中的分区或节。 div 标签可以把文档分割为独立的、不同的部分，相当于一个个“容器”。对于布局十分有效。 如果用 id 或 class 来标记 ，那么div标签的作用会变得更加有效。 层的表现 基本布局一：一列 ■一列固定宽度 1列.html ■一列固定宽度居中 margin:auto; ■一列自适应宽度