第9章CSS层叠样式表的应用 91关于CSS样式表 92刨建新的CSS样式 93【CSs样式】面板的使用
第9章 CSS层叠样式表的应用 9.1 关于CSS样式表 9.2 创建新的CSS样式 9.3 【CSS样式】面板的使用
9.1关于CSS样式表 回用CSS的优点一 控制页面中的每个元素(精确定位) 对HTML语言处理样式的最好补充 把内容和格式处理相分离,减少工作量 目录 上一页 下一页 退出
9.1 关于CSS样式表 一、使用CSS的优点 1． 控制页面中的每一个元素（精确定位）。 2． 对HTML语言处理样式的最好补充。 3． 把内容和格式处理相分离，减少工作量
9.1关于CSS样式表 、CS的类型 自定义CSS样式 自定义CSS样式(也称为类样式),可以将样式属性设 置为任何文本范围或文本块 HTM标签样式 HTM标签样式,用于重新定义特定标签,如H的格式 创建或更改H标签的CS样式时,所有用H标签设置了 格式的文本都立即更新 CSS选择器样式 aCSS选择器样式重定义特定标签组合的格式(如每当H2 标题出现在表格单元格内时都应用dh2),或重定义包 目录 含特定i属性的所有标签的格式 上一页 下一页 退出
9.1 关于CSS样式表 二、CSS的类型 自定义CSS样式 ◼ 自定义CSS样式（也称为类样式），可以将样式属性设 置为任何文本范围或文本块。 HTML标签样式 ◼ HTML标签样式，用于重新定义特定标签，如H1的格式。 创建或更改H1标签的CSS样式时，所有用H1标签设置了 格式的文本都立即更新。 CSS选择器样式 ◼ CSS选择器样式重定义特定标签组合的格式（如每当H2 标题出现在表格单元格内时都应用td h2），或重定义包 含特定id属性的所有标签的格式
9.1关于CSS样式表 、CSs样式在网页文档中的3种存在方式 外部文件方式 外部CS样式文件,是一系列存储在一个单独 的外部文件cs文件(并非HIM文件)中的 CSS样式。 CSS文件的引用是在HM的head</head标 签之间编写下列语句: <head> <link rel=stylesheet hrefstyle css type=text/css" media='screen' 目录 </head> t页)其中的 Style. css文件应为已编好的样式表文件。 下一页 退出
9.1 关于CSS样式表 三、 CSS样式在网页文档中的3种存在方式 1． 外部文件方式 ◼ 外部CSS样式文件，是一系列存储在一个单独 的外部文件.css文件（并非HTML文件）中的 CSS样式。 ◼ CSS文件的引用是在HTML的<head></head>标 签之间编写下列语句： <head> <link rel=”stylesheet”href=”style.css” type=”text/css” media=”screen”> </head> 其中的Style.css文件应为已编好的样式表文件
9.1关于CSS样式表 、CSS样式在网页文档中的3种存在方式 2.内部文档头方式 内部(或嵌入式)CSS样式表,是一系列包含 在HTML文档head部分的sty1e标签内的C式 将风格直接定义在文档头<head><head>之间 如: <head> <style type=text/css'> 样式表的具体内容 目录 </style> 上一页 <head> 下一页 退出
9.1 关于CSS样式表 三、 CSS样式在网页文档中的3种存在方式 2.内部文档头方式 ◼ 内部（或嵌入式）CSS样式表，是一系列包含 在HTML文档head部分的style标签内的CSS样式。 ◼ 将风格直接定义在文档头<head></head>之间 ， 如： <head> <style type=”text/css”> <!— 样式表的具体内容 --> </style> </head>