正在加载图片...
第1章0SS样式表 CSs(Cascading Style Sheet),中文译为层叠样式表。是用于控制网页样式并允许将样 式信息与网页内容分离的一种标记性语言。 【本章学习目的】 本章通过多个CSS样式的应用实例，重点介绍了CSS样式表功能、定义CSS规则的方 法，应用内嵌式样式表和链接外部样式表的方法等，通过本章的学习，读者应了解CSS青 式表的用途，掌握创建和应用CSS样式表的方法，学会用CSS样式表进行网页的美化和网 页布局。 一、使用CSS样式表的网页实例 CSS样式表是由一系列样式选择器和CSS属性组成，它支持字体属性、颜色和背景属 性、文本属性、边框属性、列表属性以及精确定位网页元素属性等，增强了网页的格式化功 能。 使用CSS样式表的另一个优点是可以利用同一个样式表对整个站点的具有相同性质的 网页元素进行格式修饰，当需要更改样式设置时，只要在这个样式表中修政，而不用对每个 页面逐个进行修改，简化了格式化网页的工作 利用CSS样式还可以代替表格进行网页布局，这是目前较为流行页面排版方式。 本实例主要采用了div标签十css样式，涉及到的知识点有以下几点： ·分析构架：画出构架图： 描块拆分：分别定义Div的CS样式」 在网页中插入Dv标签，在Dv中填充网页内容 总体调整：色彩及内容调整，适当修改CSS样式 二、使用CSS样式表 1、CSS样式表概述 ·样式表的使用 CSS样式表的使用常用的方法有以下两种： 页面内嵌法。将样式表代码直接写在HML标签的head区。 外部链接法。将样式表写在一个独立的后缀名为CSS文件中，在需要应用CSS样式的 网页中链接该文件，在页面hcad和<head之间用以下代码调用。 link href="css/master.css"rel="stylesheet"type=" xt/css 在符合wb标准的设计中，我们使用外部链接法，好处不言而喻，你可以不修改页面 只修改CSS文件而改变页面的样式。如果所有页面都调用同一个样式表文件，那么修改 个样式表文件，可以改变所有文件的样式。 2、在Dre8 weaver中定义CSs ·创建Css样式 选择器类型有以下三种： (1)类第1章 CSS 样式表 CSS（Cascading Style Sheet），中文译为层叠样式表。是用于控制网页样式并允许将样 式信息与网页内容分离的一种标记性语言。 【本章学习目的】 本章通过多个 CSS 样式的应用实例，重点介绍了 CSS 样式表功能、定义 CSS 规则的方 法，应用内嵌式样式表和链接外部样式表的方法等，通过本章的学习，读者应了解 CSS 样 式表的用途，掌握创建和应用 CSS 样式表的方法，学会用 CSS 样式表进行网页的美化和网 页布局。 一、使用 CSS 样式表的网页实例 CSS 样式表是由一系列样式选择器和 CSS 属性组成，它支持字体属性、颜色和背景属 性、文本属性、边框属性、列表属性以及精确定位网页元素属性等，增强了网页的格式化功 能。 使用 CSS 样式表的另一个优点是可以利用同一个样式表对整个站点的具有相同性质的 网页元素进行格式修饰，当需要更改样式设置时，只要在这个样式表中修改，而不用对每个 页面逐个进行修改，简化了格式化网页的工作。 利用 CSS 样式还可以代替表格进行网页布局，这是目前较为流行页面排版方式。 本实例主要采用了 div 标签＋css 样式，涉及到的知识点有以下几点： ⚫ 分析构架：画出构架图； ⚫ 模块拆分：分别定义 Div 的 CSS 样式； ⚫ 在网页中插入 Div 标签，在 Div 中填充网页内容； ⚫ 总体调整：色彩及内容调整，适当修改 CSS 样式。 二、使用 CSS 样式表 1、CSS 样式表概述 ⚫ 样式表的使用 CSS 样式表的使用常用的方法有以下两种： 页面内嵌法。将样式表代码直接写在 HTML 标签的 head 区。 外部链接法。将样式表写在一个独立的后缀名为 CSS 文件中，在需要应用 CSS 样式的 网页中链接该文件，在页面<head>和</head>之间用以下代码调用。 <link href="css/master.css" rel="stylesheet" type="text/css" /> 在符合 web 标准的设计中，我们使用外部链接法，好处不言而喻，你可以不修改页面 只修改 CSS 文件而改变页面的样式。如果所有页面都调用同一个样式表文件，那么修改一 个样式表文件，可以改变所有文件的样式。 2、在 Dreamweaver 中定义 CSS ⚫ 创建 CSS 样式 选择器类型有以下三种： (1) 类