用表格进行页面布局教案

第一篇：用表格进行页面布局教案

省淳中信息技术深度研课教学设计

【课题】

用表格进行页面布局

【课程标准】

1.理解WWW、网页、主页、网站的基本概念及其相互关系。2.理解动态网页的概念，了解其工作过程。

3.能够使用常用的网页制作软件进行动态网页的制作与发布。

4.通过开发实践，学会简单网站的规划、设计、制作、发布与管理的基本方法。5.能够根据网站主题要求设计评价指标并对常见网站的建设质量与运行状况进行评价。

【学业水平测试内容和要求】

1.了解WWW、网页、主页、网站的概念及区别。2.了解什么是静态网页和动态网页。

3.了解动态HTML技术和服务器端动态网页技术的基本知识。4.了解网站开发的一般过程。

5.知道网站规划主要包含的内容，学会根据需求规划网站。

6.学会使用一种常用的网页制作软件制作网站，包括建立站点、新建网页、利用表格布局网页、修饰文字、插入多媒体信息、建立超级链接、制作简单的网页动态效果等。

7.了解如何在局域网或因特网上申请网站空间，发布网站。8.了解简单维护网站的方法。

9.了解网站评价的几个主要方面，能使用评价量表进行网站评价。

【学情分析】

网络技术应用是普通高中信息技术选修模块。计算机网络的出现改变了人们的生活方式，对人类产生了深远的影响，网络技术的学习将帮助学生更好地合理地去使用它。课时安排为7课时，本节教学设计为第1课时。

大部分学生小学或初中有了一定的计算机基础，掌握了计算机的基本操作技能，能够使用一些常用软件，并且对网络有一定的了解，但是也有个别零起点学生。因此，在教学中要兼顾到不同层次的学生。这一章在学业水平测试中要求较高，要求学生理解并能独立操作、迁移应用与熟练操作。所以，在课时安排上有所侧重，在教学设计中也要着重锻炼学生的操作能力。

【学习目标】

1． 通过学生网页与示例网页的对比，引导学生发现及归纳其差异：文字与图片位置合理，确定问题，即需要对网页进行页面布局。

2． 通过阅读材料和自主探究，归纳和总结网页布局的形式和方法。

3． 通过分析示例网页，找出解决上一问题的方法之一，即用表格进行页面布局。4． 通过学生自主探究，掌握表格的建立、边框粗细的设置、宽度高度的设置、单元格的合并与拆分。

5． 通过网页、表格、单元格的背景色设置，让学生在操作中发现并总结出网页、表格、单元格的应用范围不同，优先级为单元格>表格>网页。6． 通过完成学习任务：“圣诞节”首页面的制作，学会自主设计页面布局并理解表格在页面布局中所起的重要作用。

【学习重点】

表格的使用

【学习难点】

自主设计网页的布局并利用表格实现

【学习过程】

一、导入

学生对比观察两张网页：上节课的学生作品、示例作品，说说其差异？哪个网页更好？好在哪里？

->引出页面布局的概念

二、新授

【自主探究活动1】如何进行页面布局？

观察班级主页的页面布局，分析其布局特点：

网页布局常用方法有三种:纯表格布局、DIV+CSS布局、框架布局;->引出FrontPage中页面布局的工具——表格

->表格的作用：在网页制作中网页表格功能不仅仅是组织数据，更多地被用来进行页面布局

->表格布局的形式（部分示例）

【活动小结】

页面布局的形式：

页面布局的方法：

【自主探究活动2】如何使用表格？（1）表格的建立：

通过“表格”菜单、常用工具栏中的“插入表格”按钮在页面中建立表格（2）单元格的合并与拆分：（3）表格属性的设置：

表格大小：表格的高度、宽度（注意区分像素、百分比）对齐方式：左对齐、右对齐、水平居中、两端对齐 背景：背景图片、背景颜色 边框：粗细、颜色（4）单元格属性的设置：

单元格大小：单元格的高度、宽度（注意区分像素、百分比）对齐方式：分为水平对齐、垂直对齐 背景：背景图片、背景颜色 边框：颜色

【活动小结】：表格的相关操作

【自主活动3】网页、表格、单元格的优先级？

通过网页、表格、单元格的背景色设置，发现并总结出网页、表格、单元格的应用范围不同，优先级为：单元格>表格>网页。

【活动小结】优先级为：单元格>表格>网页

三、【活动任务】

（1）利用表格自主设计“圣诞节”网站首页面。（自建站点）

（2）在网页相应位置添加文字及图片素材（素材不要求全部使用，自选素材）。（3）保存网页。

参考样张（不要求与样张一致）：

四、作品展示

自评：

1、简述设计的想法；

2、优缺点 他评：优缺点，以及改进意见

教师评价：

1、优缺点；

2、针对优缺点给建议

五、总结

页面布局的常用方法：表格 布局方式

时间有剩余的话让学生修改自己的网页并提交。

【教学反思】

第二篇：学生用空白表格教案

执教者

于欣

授课时间

2012-4-22 授课班级

四年一班

教学内容

三角形三条边的关系（四年级下册第82页的内容）

教学 内容分析

教育不只是一种简单的“告诉”。学生拥有自己的独立思考水平和认知系统。当他们遇到一个新的待解决的问题情境时，他们会自觉而主动地从自己已有的知识架构和认知经验中摸索、收集、调动处理问题的方法和策略。三角形边的关系这一内容是新教材新增加的内容，并安排在第二学段。通过这一内容的学习，使学生在已经建立三角形概念的基础上，进一步深化理解三角形的组成特征，加深学生对三角形的认识，同时，也为以后学习三角形与四边形及其他多边形的联系与区别打下基础。

根据新课标的精神，要改变学生学习的方式，让学生经历“数学化”、“做数学”等过程，并注重与生活实际紧密联系，学有价值的数学。根据这一教学内容在教材中所处的地位与作用，以及新课标的要求，我认为设计这节课的理念是：活动参与、自主建构，联系生活、应用数学。

教 学 目 标

知识目标

知道和理解“三角形任意两边的和大于第三边”，能用它解释一些生活现象，解决一些简单的生活问题。

能力目标

通过动手操作、小组验证，体验探索三角形边的关系的过程，培养猜测意识和自主探索、合作交流的能力。

情感目标

经历探究、发现、验证“三角形任意两边的和大于第三边”的过程，体验合作学习和数学学习的快乐。

教学重点

三角形三边关系的实验与探究

教学难点

三角形三边关系的探究过程。

教学关键

使学生理解三角形边的关系

教学准备

课件、三根小棒、三边关系试验报告单每组四根小棒

教学方法

自主探究小组讨论

课程类型

学科课程

教 学 过 程

活动的组织与实施（含教师活动和学生活动）

设计意图

时间分配

一、复习旧知，导入新课

我手上拿的是什么？（三角板）它是什么图形呢？（三角形）谁来说说什么是三角形？怎样理解这个“围”字（端点首尾相连）。同学们还知道三角形的哪些知识？关于三角形的知识还有很多，我们继续往下看。

复习旧的知识，使新旧知识之间有很好的连接

2分钟

二、动手操作，发现问题

师：老师这里有三根小棒，分别长3、5、10厘米，这3根小棒能围成一个什么图形? 生：三角形。

师：谁愿意上来围一围？围的时候要注意小棒首尾相连。师：这三根小棒为什么围不成三角形呢？三角形的三条边之间到底有什么关系呢？今天，我们就一起来研究三角形的三边关系（板书课题）

三、猜想验证，发现规律

师：我们发现这三根小棒不能围成三角形，怎样做才能围成三角形呢？ 生：换一根小棒

师：怎样换？同学们说的都是你们的猜想（课件演示猜想1）

1、学法指导 师：你们的这些猜想是否正确，三角形的三条边到底有什么关系？我们可以通过做实验来验证一下，现在老师给同学们准备了一些材料：3厘米、5厘米、8厘米、10厘米小棒各一根一起试着围一围三角形。同学们亲自动手摆一摆，拼一拼，看看有什么结果。先看要求（大屏幕）操作要求：（1）、2人一组合作完成四种拼法（2）、围三角形时要注意首尾相连。（3）、完成后，填写好活动记录表准备交流

2、动手操作，寻找规律（师巡视，并指导）

3、交流汇报，探究规律。师：哪个小组愿意来汇报。小组上台展示，3厘米、8厘米、10厘米能

3厘米、5厘米、10厘米不能 3厘米、5厘米、8厘米不能 5厘米、8厘米、10厘米能 师：其它组有不同意见吗？

师：仔细观察四种结果，有的围不成，而有的却能围成。这是为什么呢？先看不能围成三角形的每组小棒的长度之间有什么关系?说说你能发现些什么？同桌讨论一下。能围成三角形的这几组小棒长度之间又有什么联系？

三根小棒要围成三角形，必须满足什么条件？

通过刚才的实验和分析，你发现三角形三条边长度之间有什么关系吗？ 先看不能围成三角形的这组情况，谁愿意说说3、5、10这三根小棒为什么不能围成三角形？ 生：

师：其他同学赞同吗？谁再来说一说。

师：我明白了，3厘米的边是不能和5厘米、10厘米的边围成三角形的，因为这两条边之和小于第三条边。（板书3+4〈8）你很会观察。（课件演示）师：再说3、5、8这三根，同学们有些争议，到底它们能不能围成三角形呢？不能，为什么？有谁愿意谈谈？

生：3+5=8 重合了不能

师：是这样吗？（课件演示）请看大屏幕。

师：真的是这样，通过演示现在明白这个同学的意思了吗？谁愿意再来说一说。

师：通过以上的动手操作和探究分析，我们发现了当两边之和小于、等于第三条边时，这3条边是围不成三角形的。

师：那么怎样才能围成三角形呢？

生：两条边加起来要大于第三边就行了。师（板书）：两边之和大于第三边

师：我们来看看能围成三角形的这两组是不是这样的呢，3+8＞10、8+5＞10 看起来是这样的。

3）师：回头看不能围成的情况，也有3+8＞4、4+8＞3、3+8＞5、5+8＞3（两边之和大于第三边）的情况，怎么就不能围成三角形呢？ 生：有一种不符合就不行了

师：看来只是其中的两条边之和大于第3条边是不完整的，生1：加“任何”、“任意”

生2：其他两边之和都大于第三条边。生3：无论哪两条边之和都要大于第三边。

4、归纳小结

师：看来只是其中的两条边之和大于第3条边是不完整的，师：这句话概括说就是：任意两边之和大于第三边（板书：任意）师：是这样吗？再挑选一组能围成三角形的三条边，来验证： 生：3+4＞5、3+5＞4、4+5＞3，师：这个例子证明了你的想法是对的，这两个三角形的三边关系都是：任意两边之和大于第三边（齐读）

四、运用结论，加深理解

师：我们已经知道三角形的三边关系，下面让我们来判断几道题目

1、快速判断。

3cm

4cm

5cm

（）4cm

7cm

4cm

（）2cm

6cm

3cm

（）1cm

2cm

3cm

（）

师：为什么围不成？你是怎么判断的？

1、出示P82例3图

这是小明上学的路线图，同学们仔细看一看，他可以怎样走？

2、这几条路中，哪条最近？这是为什么呢？ 老师在生活中还看到了这么一种现象：（课件演示）公园里有一条这样的路，路的两旁是草坪，为什么很多人都往草坪中间走？ 师：今天你有什么收获？

其实数学就在我们身边，只要你平时多观察、多动脑，你一定能成为数学的好朋友。

开发学生的动手能力和观察能力，在实践中发现问题并尝试找出问题的原因 反复试验，加深同学的理解，猜想验证，发现其内在规律 增强小组合作意识以及动手操作能力 锻炼同学发言及表达能力

通过小组讨论，发现问题，尝试找出原因，激发学生自主学习的精神 在教学过程中不断引导，自主发现问题，加深对知识的理解和巩固 运用练习，巩固学习的知识，加深印象

3分钟 5分钟 7分钟 3分钟 5分钟 10分钟 5分钟

板书设计

三角形边的关系 两边之和大于第三边

教学反思

本节课巩固应用部分的三个环节，是从学生的学习认知规律出发，遵循从易到难的原则，分巩固性练习、应用性练习、拓展性练习三个层次。并与学生身边的生活例子相结合，既能体现数学教学生活化的新理念，又能有效地激发学生的学习兴趣，拓展学生的思维，提高学生的数学学习能力。

以上教学设计，以学生的学习心理为基础，通过简单的动手操作，创设有效的“数学问题情境”，激发学生强烈的探究欲望。通过引导学生大胆的猜想，积极的验证和合理的归纳，使学生学到新知识的同时，经历数学知识的形成过程，这样的教学将会有效地激活了学生的数学思维，使学生在知识、能力，以及情感态度等方面都将得到较好的发展。又通过摆图形，寻找数据间的关系；又通过数据的整理和分析，确定图形的存在性和图形具有的性质，使数形紧密结合，渗透了数形结合的思想方法；同时对不同类型三角形都具有的共性归纳总结，渗透了数学的归纳思想。教学中始终以这一核心的思想为教学灵魂，时时渗透，处处体现。

第三篇：《用表格为网页布局》教学设计说课稿

《用表格为网页布局》教学设计

《用表格为网页布局》是浙江教育出版社信息技术教材八年级上册第三单元第十五课的内容。本课是在学生学习建立网站站点后，开始尝试做第一张网页。通过本课的学习，是对表格知识的巩固和深入，更重要的是为后面的网页制作打下基础，所以本课是本单元的重点，起到承上启下的作用。前阶段学生已经学习了文本编辑、图片插入、网络基本知识、文件操作等内容，很多知识都可以迁移到本课来。八年级学生对电脑基本操作已经不再陌生，已经能够独立完成一定要求的学习任务，但是学生对于特定任务进行分析，整体规划能力相对还是比较欠缺的。本节课教学的作业设计中，我将注重培养学生这个方面的能力。根据课程标准和教材内容，我将本课的教学目标设计成三个方面：

知识与技能目标：

1、了解主页布局的常见布局图，并明确主页设计的基本要素；

2、理解用表格排版主页的作用；

3、掌握在网页中插入表格进行排版的技能；

4、学会设置表格属性，对表格进行编辑修改。过程与方法目标：

通过欣赏、借鉴他人的主页布局，取长补短，为自己的主页布局做铺垫。情感、态度与价值观目标：

1、通过作品欣赏，让学生意识到取长补短的可贵性，及在借鉴基础上的创新的重要性；

2、用表格排版网页解决网页版面杂乱问题，培养在遇到困难时灵活运用各种方法解决，强化建站信心。

为了实现这个教学目标，我将教学重点确定尾插入表格进行排版和更改表格属性。根据学生的思维障碍和学习情况的分析，我将难点定位于灵活掌握排列表格和设置表格属性。只有正确设置了表格的属性，才能美化和完善网页的布局。为了更好的突出教学重点，突破教学难点，圆满的完成教学任务，我在课前截取了典型的旅游网页图片素材并设置成框架形式让学生一目了然地看到表格所起的作用，并设置了几个学生需要突破的任务。

信息技术课是培养学生对信息技术的兴趣和意识，使学生养成良好的信息素养为宗旨，强调学生的自主学习和研究学习。上新课前，我要求学生两两合作，通过传统手工绘制草图的学习方式，设计你需要建立网页的框架布局，同时学会和与他人合作。为了让学生主动的参与学习，我在设计教学流程时，准备以学生“任务驱动”为主线，以教师为主导，以学生为主体，通过学生自主探究，合作交流完成教学任务。根据教学内容和学情的分析，本课我采用的教学方法有：讲解、练习、任务驱动、小组合作，学生可以通过小组合作、给定的任务等将本课学习用于实际操作。我将结合教学过程来具体分析。整个教学过程我分为以下四个部分来完成：

一、通过旅游网站的解析，直接引入新知，通过删除网页的背景、文字、图片后，呈现出一张网页的背后其实是表格起到重大的作用。所以学生心中就有个概念，原来做网页的前提是用表格固定框架。并结合书本p58页，了解网页常见的布局图。直觉、兴趣成为学生产生学习动力最直接的因素。

二、本节课的任务是让学生设计有关龙泉旅游的网页布局，我先让学生利用草图形式设计宣传龙泉旅游网页的框架，做这个的目的是为了学生能更顺畅、不会盲目的在电脑上操作，这为学生完成任务2提供基础。

三、巩固旧知，学习新知，解决问题。建立网页的前提是建站，学生对站点的认识已经不会陌生，根据教师提供的站点，再将网页布局呈现在主页上（学习新知）。通过例子的演示，学生将草图转移到网页上来。在操作过程中学生可能会遇到一些解决不了的问题，我会引导学生勇敢地提出问题，并告诉学生解决问题的方法：（1）自己思考（2）向同学和老师寻求帮助。（3）通过教材操作步骤P59，进行知识迁移。针对学生中普遍存在的问题，我将利用广播讲解演示，解决问题（学生应该会碰到在单元格内插入过大的图片后，影响相邻单元格位置变化，这里所要涉及的是表格的嵌套）；针对个别学生的问题，我将个别指导。设计意图：这个环节充分体现了学生的自主性，让学生不断尝试中发现问题，师生合作解决问题。体现了学生是学习的主体，学生把教材、同学、教师、电脑都作为 学习的帮助者。

四、作品展示及评价。根据课前设定好评价量化表，抽取部分学生作品展示给同学们，通过学生对自己作品的评价打分（自评），再让别的同学进行评价打分（他评）。但是课堂时间毕竟有限，让每位学生对自己设计的作品进行评价，然后同组之间进行互评，取长补短，学生可以从中找到自己的缺点和不足之处，也能学习到别人的长处。相互评价，也是获得最佳学习效果的重要途径之一。（问题补充：参考诸多网页，一般网页的边框是不显示的，如何将表格的边框线从页面中赶走，这里需要利用表格的属性进行隐藏边线，从而使网页页面更加美化。）

五、课堂小结。强调页面布局在网页设计中的重要性，肯定同学操作过程中好的方面，并及时鼓励学生。要求同学课后多浏览有关网页，设计出更好的作品。

六、作业布置：同学思考以下问题（1）今天这节课我学会了什么？并写下本节课的收获。（2）课后再思考并绘制个人主页的页面布局。通过学生自己归类总结，既能提高学生的语言组织能力和写作能力、辨别力，又能提高学生的信息素养，这正是我们信息技术课所致力要求的目标。在整个教学设计中，我感觉本节课学生的学习任务和目标很明确，要让学生主动思考、获取。体现了学生的自主探究学习。

第四篇：《应用表格布局网页结构》教案

《应用表格布局网页结构》教案

一、教学目标

1、知识与技能：

（1）了解表格网页的作用；

（2）掌握网页中表格的制作方法，表格属性的属性设置方法；（3）能根据网页设计内容，正确布局表格的结构；（4）尝试根据内容需要设计表格布局网页页面。

2、过程与方法：

（1）利用对比，加深学生对表格布局网页的认识；

（2）通过用表格结构设计网页，使学生进一步理解表格的作用、功能及网页设计方法；（3）通过自主探究，使学生掌握软件的使用规则，培养学生自主学习的能力。

3、情感态度与价值观：

（1）通过实践创作的过程，形成主动学习和利用信息技术、参与信息作品创作的态度；（2）培养学生注重吸取成功的经验，提高本身的信息素养。

二、教学重点

1、表格的制作及设置方法；

2、根据实际情况设计并应用表格布局网页。

三、教学难点

1、应用表格布局网页页面的意识；

2、合理制作表格，实现页面布局。

四、教学方法

教师讲解、演示、与学生任务驱动、合作学习相结合。

五、教学过程 教学过程

教师活动

学生活动

课前准备

将“学习素材”文件夹发送到学生机桌面；

打开并预习本课内容。

一、对比，引入新课

1、明确表格在网页制作时的作用：页面规划

（1）展示两个页面（1.htm和2.htm）并进行比较： 提问：①这2个网页，你喜欢哪个？为什么？ ②网页中的文字、图像对象如何插入？

③在Frontpage中打开2张网页，观察有什么不一样。

总结：这些线就是表格线，在做网页时，可以利用表格布局网页结构。（2）引出本课内容：探索用表格来布局网页的页面。（3）明确本课的任务：使用表格制作网页。

学生小组交流、讨论，对比加深印象，感受表格布局网页的作用 发现表格可以布局页面 明确本课内容

二、小组合作，体会用表格布局网页

2、模仿用表格布局网页页面结构（1）引导学生回忆Word中学过的表格内容，提示学生表格操作跟Word中具有很大的相通之处；

提问：还记得哪些表格的编辑方法？

（2）展示效果页，引导学生分析页面的结构，探索需要制作表格的结构；（3）讲解演示表格的制作及调整；（4）布置学生完成任务一：“心憩空间”网页

（5）展示成功学生的作品，引出表格属性的设置；

如：行列的插入、删除、单元格的合并、拆分、调整大小等。

根据网页内容来规划所需表格结构，了解网页中表格制作及设置的方法。学生小组合作，完成网页“chushi.htm”

三、小组合作，尝试用表格布局网页

3、小组交流并独立制作表格布局网页

（1）刚才我们一起体会用表格布局网页的网面结构：先分析确定所需表格的结构，然后根据实际制作设置表格布局网页页面结构。接下来我们就来尝试用表格布局我们的网页了；引入用表格布局“多彩的生物”网页；

（2）引导学生分析确定网页的表格结构；

（3）布置学生完成任务二：制作“多彩的生物”网页；可以根据自己的设计对网页进行适当的调整；

掌握根据网页确定所需表格的结构 能根据网页规划表格

小组合作讨论，根据学案提供的参考表格确定“多彩的生物”网页的表格结构，再独立完成图片、文字的插入。

四、作品展示交流与课堂总结

1、展示成功学生的作品并点评；

2、总结本课内容：为了制作的网页内容工整、美观，所以我们选择使用表格布局。本课我们尝试并使用了表格来规划布局网页，尝试设计个人网站的首页，自主设计版面，灵活使用表格进行网页制作。

掌握表格布局网页的常见技巧，加强表格布局网页的意识。

第五篇：表格基础和DIV+CSS网页布局基础教案（模版）

 本部分任务

制作“宝贝分类”页面 制作“公告栏”页面

 为什么使用表格

 表格应用场合 具体内容见ppt  表格的基本结构

具体内容见ppt

 表格的基本语法

 Table标签  Tr标签  Td标签 具体内容见ppt 注：表格标签中没有列标签。

 如何创建表格

具体内容见ppt

 跨行跨列的表格

 什么是跨行跨列的表格  跨多行的表格

 跨多列的表格 具体内容见ppt

 表格的美化修饰

  什么是表格的美化修饰 如何设置表格的尺寸和边框 width用来设置表格的宽度 height用来设置表格的高度

border用来设置表格边框尺寸大小 bordercolor用来设置表格边框颜色 如何设置背景

background属性用来设置表格的背景图片

bgcolor属性用来设置表格、行、列的背景色。HTML中颜色的表示方式：“#EBEFFF”是用RGB表示的一种颜色值，RGB指的是红绿蓝。

如何设置对其方式

align属性用来设置表格、行、列的对齐方式 为什么要使用填充属性 具体内容见ppt 什么是填充属性和间距属性 



  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？

 只针对标签内的元素有效，因其没有和内容相分离，所以不建议使用。 定义内部样式块对象

你可以在你的HTML文档的和标记之间插入一个块对象。定义方式请参阅样式表语法。

这样的样式表只能针对本页有效。不能作用于其它页面。 导入样式——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