表格基础和DIV+CSS网页布局基础教案
本部分任务
制作“宝贝分类”页面
制作“公告栏”页面
为什么使用表格
表格应用场合 具体内容见ppt
表格的基本结构
具体内容见ppt
表格的基本语法
Table标签
Tr标签
Td标签
具体内容见ppt
注：表格标签中没有列标签。
如何创建表格
具体内容见ppt
跨行跨列的表格
什么是跨行跨列的表格
跨多行的表格
跨多列的表格
具体内容见ppt
表格的美化修饰
什么是表格的美化修饰 如何设置表格的尺寸和边框
width用来设置表格的宽度
height用来设置表格的高度
border用来设置表格边框尺寸大小
bordercolor用来设置表格边框颜色
如何设置背景
background属性用来设置表格的背景图片
bgcolor属性用来设置表格、行、列的背景色。
HTML中颜色的表示方式：“#EBEFFF”是用RGB表示的一种颜色值，RGB指的是红绿蓝。
如何设置对其方式
align属性用来设置表格、行、列的对齐方式
为什么要使用填充属性
具体内容见ppt
什么是填充属性和间距属性
表格基础和DIV+CSS网页布局基础教案
border(边框的厚度)
cellpadding
(单元格填充)
cellspacing
(单元格间距)
如何使用填充、间距属性
border(边框的厚度)
cellpadding
(单元格填充)
cellspacing
(单元格间距)
表格的布局
什么是表格布局 使用表格进行布局 用表格对网页的内容进行整体控制
DIV+CSS规划页面
什么是CSS？ 为什么要使用CSS？ 如何使用CSS？ DIV+CSS如何规划页面？
什么是CSS？
CSS（Cascading Style Sheet）可译为“层叠样式表”或“级联样式表”，它定义如何显示 HTML 元素，用于控制Web页面的外观。
为什么要使用CSS？
CSS的特点
便于页面的修改。
便于页面风格的统一。
减少网页的体积。
为什么要使用CSS？
使用CSS布局的优点
表现和内容相分离
提高页面浏览速度
易于维护和改版
CSS样式表极大地提高了工作效率
样式通常保存在外部的 .css 文件中。通过仅仅编辑一个简单的 CSS 文档，
外部样式表使你有能力同时改变站点中所有页面的布局和外观。
由于允许同时控制多重页面的样式和布局。作为网站开发者，你能够为每个
HTML 元素定义样式，并将之应用于你希望的任意多的页面中。如需进行全
局的更新，只需简单地改变样式，然后网站中的所有元素均会自动地更新。
内联定义
内联定义即是在对象的标记内使用对象的style属性定义适用其的样式表属性。 如何使用CSS？
表格基础和DIV+CSS网页布局基础教案
只针对标签内的元素有效，因其没有和内容相分离，所以不建议使用。
定义内部样式块对象
你可以在你的HTML文档的<HTML>和<BODY>标记之间插入一个<STYLE>...</STYLE>块对象。 定义方式请参阅样式表语法。
这样的样式表只能针对本页有效。不能作用于其它页面。
导入样式——Style导入
与链入外部样式的功能基本相同，只是语法和实现方式上有差别。
它一般常用在另一个样式表内部。如layout.css为主页所用样式，那么我们可以把全局都需要用的公共样式放到一个global.css的文件中，然后在layout.css中以@import url("/css/global.css")的形式链接全局样式，这样就使代码达到很好的重用性。
导入样式——Link标签导入
使用Link标签代替Style标签来导入CSS文件。
它的好处是不但本页可以调用，其它页面也可以调用，是最常用的一种形式。
除了内联定义是直接作用于标签本身以外，其他CSS使用方式都需要建立标签和样式之间的映射关系。主要的映射关系有：
id映射
class映射
标签映射
混合映射 CSS样式和页面标签元素的对应方式
几种样式的优先级
id优先级高于class
后面的样式覆盖前面的
指定的高于继承
行内样式高于内部或外部样式
总结原则：单一的(id)高于共用的(class)，有指定的用指定的，无指定则继承离它最近的。
DIV+CSS如何规划页面？
请关注上机实验3
By---QQ69848627
，请把【付款记录详情】截图给客服，同时把您购买的文章【网址】发给客服。客服会在24小时内把文档发送给您。
