下载此文档

第9章 CSS层叠样式表的应用.ppt

文档分类：IT计算机 | 页数：约25页举报非法文档有奖

1/25

下载提示

1.该资料是网友上传的，本站提供全文预览，预览什么样，下载就什么样。
2.下载该文档所得收入归上传者、原创者。
3.下载的文档，不会出现我们的网址水印。

同意并开始全文预览

(约 1-6 秒)

1/25 下载此文档

文档列表 文档介绍

第9章【CSS样式】关于CSS样式表一、使用CSS的优点1. 控制页面中的每一个元素(精确定位)。2. 对HTML语言处理样式的最好补充。3. 把内容和格式处理相分离,减少工作量。伴称敝离泳鬼剪凡唉呕浦熄遗卧芝蜘制*** 关于CSS样式表二、CSS的类型自定义CSS样式自定义CSS样式(也称为类样式),可以将样式属性设置为任何文本范围或文本块。HTML标签样式HTML标签样式,用于重新定义特定标签,如H1的格式。创建或更改H1标签的CSS样式时,所有用H1标签设置了格式的文本都立即更新。CSS选择器样式CSS选择器样式重定义特定标签组合的格式(如每当H2标题出现在表格单元格内时都应用tdh2),或重定义包含特定id属性的所有标签的格式。关于CSS样式表三、CSS样式在网页文档中的3种存在方式1. 外部文件方式外部CSS样式文件,(并非HTML文件)中的CSS样式。CSS文件的引用是在HTML的<head></head>标签之间编写下列语句: <head><linkrel=”stylesheet”href=””type=”text/css”media=”screen”></head>。关于CSS样式表三、(或嵌入式)CSS样式表,是一系列包含在HTML文档head部分的style标签内的CSS样式。将风格直接定义在文档头<head></head>之间,如: <head> <styletype=”text/css”> <!—样式表的具体内容--> </style> </head> 关于CSS样式表三、,只需在每个HTML标签后书写CSS属性即可。例如:规定一个Table标志中的字为红色,字体大小为10pt,则可书写如下: <Tablestyle=”color:red;font-size:10pt”> Dreamweaver中创建新的CSS样式在“页面属性”中设置切换到“代码”视图,可以看到对“页面属性”进行的设置,变成了一段CSS样式代码,嵌在文档头<head></head> Dreamweaver中创建新的CSS样式文本编辑DreamweaverMX 2004在属性检查器中增加了“样式”选项,这一选项的功能是在设计页面时进行添加字体、设置颜色、大小等样式操作时,“样式”中套用样式;如果套用的CSS样式不是文字,而是表格,同样可以在属性面板中设置CSS。在属性面板中都有一个类别(Class),在这里就可以设计表格的CSS样式。【CSS样式】面板的使用1、CSS样式面板【窗口】|【CSS样式】【CSS样式】面板的使用CSS样式面板【窗口】|【CSS样式】命令在“CSS样式”面板的底部有4个功能按钮,它们各自的作用是:【附加样式表】按钮:可调出“链接外部样式表”对话框,从中选择要链接到或导入到当前文档中的外部样式表。【新建CSS样式】按钮:单击后可弹出“新建CSS样式”对话框,使用“新建CSS样式”对话框可以选择要创建的样式类型。【编辑样式表】按钮:单击后可弹出“CSS样式定义”对话框。编辑当前

第9章 CSS层叠样式表的应用来自淘豆网www.taodocs.com转载请标明出处.