4-CSS样式表.ppt

导入（@import）外部样式表 使用@import导入 ，语法： STYLE TYPE text/css @ import “newstyle.css”; 引入样式表文件 表格布局 表格布局 表格布局的优缺点和应用场合 优点 缺点 应用场合 方便排列有规律、结构均匀的内容或数据 产生垃圾代码、影响页面下载时间、灵活性不大难于修改 内容或数据整齐的页面 页面布局之DIV布局 应用了DIV布局的淘宝网主页 如何实现这样的页面布局？ 什么是DIV DIV元素是用来为HTML文档内大块的内容提供结构和背景的元素。 创建DIV的步骤如下： 1、新建一个空白文档 2、选择“插入” ?“布局对象” ?“层” 或者 在“布局”插入栏?使用“绘制层”按钮进行绘制层 用Dreamweaver绘制如下图所示的3个层，并为每个层设置不同颜色 什么是DIV STYLE type text/css #Layer1 position:absolute; left:9px; top:12px; width:418px; height:58px; z-index:1; background-color: #FF0000; …… …… DIV id Layer1 …… 查看源代码 ID样式选择符，方便层引用 绝对定位 层距离浏览器左边界和上边界的距离 层的宽度和高度