CSS层叠样式表的应用.ppt

下载文档

0
0
约1.01万字
约 40页
2018-02-26 发布于江苏
举报
版权申诉
保障服务

CSS层叠样式表的应用.ppt

1、本文档共40页，可阅读全部内容。
2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击这里二次下载。
4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。

CSS层叠样式表的应用

第9章　CSS层叠样式表的应用　9.1　关于CSS样式表一、使用CSS的优点 1．? 控制页面中的每一个元素（精确定位）。 2．? 对HTML语言处理样式的最好补充。 3．? 把内容和格式处理相分离，减少工作量。 9.1　关于CSS样式表二、CSS的类型自定义CSS样式自定义CSS样式（也称为类样式），可以将样式属性设置为任何文本范围或文本块。 HTML标签样式 HTML标签样式，用于重新定义特定标签，如H1的格式。创建或更改H1标签的CSS样式时，所有用H1标签设置了格式的文本都立即更新。 CSS选择器样式 CSS选择器样式重定义特定标签组合的格式（如每当H2标题出现在表格单元格内时都应用td h2），或重定义包含特定id属性的所有标签的格式。 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部分的style标签内的CSS样式。将风格直接定义在文档头<head></head>之间，如：　　　　　　　<head> 　　　　　　　<style type=”text/css”> 　　　　　　　<!— 　　　　　　　样式表的具体内容　　　　　　　--> 　　　　　　　</style> 　　　　　　　</head> 9.1　关于CSS样式表三、 CSS样式在网页文档中的3种存在方式 3.直接插入式直接插入式很简单，只需在每个HTML标签后书写CSS属性即可。例如：规定一个Table标志中的字为红色，字体大小为10pt，则可书写如下：　<Table style=”color:red;font-size:10pt”> 9.2　Dreamweaver中创建新的CSS样式在“页面属性”中设置　　切换到“代码”视图，可以看到对“页面属性”进行的设置，变成了一段CSS样式代码，嵌在文档头<head></head>之间 9.2　Dreamweaver中创建新的CSS样式文本编辑 Dreamweaver MX　2004在属性检查器中增加了“样式”选项，这一选项的功能是在设计页面时进行添加字体、设置颜色、大小等样式操作时，“样式”中套用样式；如果套用的CSS样式不是文字，而是表格，同样可以在属性面板中设置CSS。在属性面板中都有一个类别（Class），在这里就可以设计表格的CSS样式。 9.3　【CSS样式】面板的使用 1、CSS样式面板【窗口】｜【CSS样式】命令 9.3　【CSS样式】面板的使用 CSS样式面板【窗口】｜【CSS样式】命令在“CSS样式”面板的底部有4个功能按钮，它们各自的作用是：【附加样式表】按钮：可调出“链接外部样式表”对话框，从中选择要链接到或导入到当前文档中的外部样式表。【新建CSS样式】按钮：单击后可弹出“新建CSS样式”对话框，使用“新建CSS样式”对话框可以选择要创建的样式类型。【编辑样式表】按钮：单击后可弹出“CSS样式定义”对话框。编辑当前文档或外部样式表中的任何样式。【删除CSS样式】按钮：删除“CSS样式”面板中的所选样式，并从应用该样式的所有元素中删除样式。 9.3　【CSS样式】面板的使用 9.2.1 创建新的CSS样式打开“新建CSS样式”对话框定义要创建的CSS样式的类型创建自定义样式（Class）重定义标签使用CSS选择器　　　　　　“选择器”下拉列表中提供的选择器包括：a：active、a：hover、a：link 和a：visited。选择定义样式的位置新建样式表文件：用于创建外部样式表。仅对该文档：在当前文档中嵌入样式。 9.3　【CSS样式】面板的使用 9.2.2 编辑CSS样式定义CSS样式类型属性定义CSS样式背景属性定义CSS样式区块属性定义CSS样式方框属性定义CSS样式边框属性定义CSS样式列表属性定义CSS样式扩展属性 1．定义CSS类型属性使用“CSS样式定义”对话框中的“类型”类别可以定义CSS样式的基本