网页制作第四章动态网页制作技术.ppt

第四章 动态网页制作技术 第四章 动态网页制作技术 第四章 动态网页制作技术 第四章 动态网页制作技术 第四章 动态网页制作技术 第四章 动态网页制作技术 第四章 动态网页制作技术 第四章 动态网页制作技术 第四章 动态网页制作技术 第四章 动态网页制作技术 第四章 动态网页制作技术 第四章 动态网页制作技术 第四章 动态网页制作技术 第四章 动态网页制作技术 第四章 动态网页制作技术 第四章 动态网页制作技术 第四章 动态网页制作技术 第四章 动态网页制作技术 第四章 动态网页制作技术 第四章 动态网页制作技术 第四章 动态网页制作技术 第四章 动态网页制作技术 第四章 动态网页制作技术 第四章 动态网页制作技术 第四章 动态网页制作技术 第四章 动态网页制作技术 第四章 动态网页制作技术 第四章 动态网页制作技术 第四章 动态网页制作技术 第四章 动态网页制作技术 第四章 动态网页制作技术 第四章 动态网页制作技术 第四章 动态网页制作技术 第四章 动态网页制作技术 第四章 动态网页制作技术 第四章 动态网页制作技术 第四章 动态网页制作技术 第四章 动态网页制作技术 第四章 动态网页制作技术 第四章 动态网页制作技术 第四章 动态网页制作技术 第四章 动态网页制作技术 第四章 动态网页制作技术 第四章 动态网页制作技术 第四章 动态网页制作技术 第四章 动态网页制作技术 第四章 动态网页制作技术 第四章 动态网页制作技术 HTML——CSS样式 一、CSS基本概念 CSS是Cascading Style Sheet的缩写，一般称为“层叠样式表”或“级联样式表”。使用CSS能简化网页的格式代码，加快下载显示速度，也减少需要上传的代码数量，从而大大减少了重复劳动的工作量。 层叠样式表（CSS）是一系列格式设置规则，主要用于控制Web页面内容的外观。 使用CSS设置页码格式时，会将页面内容与表现形式分开。页面内容（HTML代码）驻留在HTML文件自身中，而用于定义代码表现形式的CSS形式则驻留在另一个文件（外部样式表）或HTML文档的另一个部分（通常为文件头部分）中。 第四章 动态网页制作技术 第四章 动态网页制作技术 ● CSS规则可以位于以下的位置： ① 外部CSS样式表是一系列存储在一个单独的外部CSS (.css)文件中的CSS规则。利用HTML文档文件头部分中的链接，该文件可以被链接到Web站点中的一个或多个页面。 ② 内部(或嵌入式)CSS样式表是一系列包含在HTML文档文件头部分的style标签内的CSS规则。 ③ 内联样式是标签的特定实例中在整个HTML文档内定义的。 第四章 动态网页制作技术 二、CSS基本语法 CSS定义由3部分构成： 选择器(selector)、属性(properties)和属性的取值(value)。 基本格式如下： selector { property: value} //选择器 {属性：值} 说明：① 选择器是标识格式元素的术语； ②属性和属性值都属于声明部分，声明部分用于定义元素样式。 第四章 动态网页制作技术 示例： H1{ font-size: 16 pixels; font-family: “华文楷体”; font-weight: bold; } 注释：① H1是选择器，介于{ }之间的所有内容都是声明。 ② 声明包括了：属性(如 font-family)和值(如“华文楷体”)。 ③ 上例中CSS规则为H1标签创建一个特定的样式：使用此样式的所有H1标签的文本都将被设置为16像素大小、‘华文楷体’字体和粗体。 第四章 动态网页制作技术 例： body { color: black } 选择器body是指页面主体部分，color是控制文字颜色的属性，black是颜色的值。 此例的效果是：使页面的文字变成黑色。 第四章 动态网页制作技术 ● 如果属性