计算机网络与网页制作 Chapter10:用CSs设定页面样式 复旦大学计算机学院 肖川 xiao@fudan edu cn 1
计算机网络与网页制作 Chapter 10：用CSS设定页面样式 复旦大学计算机学院 肖川 cxiao@fudan.edu.cn 1
目标 *层叠式样式表概述 *使用CSs样式面板 *使用属性面板 *创建类样式与标签样式
目标 层叠式样式表概述 使用CSS样式面板 使用属性面板 创建类样式与标签样式 2
效果 这一行是用内联样式表 nline style sheet)设定样式! 这一行是用嵌入的内部样式表( internal style sheet"设定样式! 这一行是用附加的外部样式表( external style sheet)"设定样式! 这一行是用“内联样式表( inline style sheet)”设定样式 这一行是用嵌入的“部样式表( interal tyle cheet,)”设定样式! 这一行是用附加的“外部样式表( external style sheet)”设定样式!
效果 3
1.层叠式样式表(CSS) CSS样式表可以位于 (1)CsS内联于HTML标签,存在于标签内(内联样式) HTML标签的“ style”属性 (2)直接位于一个HTML文档的<head>区内(内部样式) *<stye>标签内 (3)位于一个外部文件内,该外部文件可以被任意数量 的HTML页面所引用(外部样式) *CSS为后缀的的外部文件,引用页面内使用<link>标 签指向该外部文件
1. 层叠式样式表(CSS) CSS样式表可以位于 （1）CSS内联于HTML标签，存在于标签内 (内联样式) HTML标签的“style”属性 （2）直接位于一个HTML文档的<head>区内 (内部样式) <style>标签内 （3）位于一个外部文件内，该外部文件可以被任意数量 的HTML页面所引用 (外部样式) .css为后缀的的外部文件，引用页面内使用<link>标 签指向该外部文件 4
样式表组成 一个样式表是多条CSS规则组成的集合。 *每条CSS规则由一个或多个属性构成,如颜 色、字体、大小等,这些属性规定了当页 面元素被应用该规则时,页面元素所呈现 的外观和格式
样式表组成 一个样式表是多条CSS规则组成的集合。 每条CSS规则由一个或多个属性构成，如颜 色、字体、大小等，这些属性规定了当页 面元素被应用该规则时，页面元素所呈现 的外观和格式。 5