[css语法.pptVIP

CSS样式表 学习目的： 掌握CSS的类型 掌握使用CSS控制页面布局 了解CSS概念 了解CSS的作用和优点 任务一 css介绍 一、 CSS的介绍 CSS是Cascading Style Sheets（层叠样式 表）的简称,也称作样式表.它是一种设计网页 样式的工具 . 二、 CSS的优点 (了解) (1) 可将格式控制和内容结构控制相分离. (2) 可以制作出体积更小下载更快的网页. (3) 可以更快更容易的维护及更新大量的网页. (4) 能以前所未有的能力控制页面的布局. (5) 浏览器成为更友好的界面 任务二 Css样式的声明 一、最典型的声明方式 选择器 {属性名: 属性值} 如： H3 {COLOR: BLUE} 注:也可以对同一个标签进行分项声明.html的所有标记都可作为选择器 二、集体声明 格式： 标签A, 标签B, 标签C, ... {属性名称1: 设定值1; 属性名称2: 设定值2;…} 如: TD,P,DIV {COLOR: BLUE;font-size: 9pt; } 任务三 Css样式的应用 一、直接把CSS样式表写在HTML的标识符内 格式：标记名称 style=“样式属性1：属性值； 样式属性2：属性值；…如: p style=”color: blue; font-size:10pt”CSS实例 /p 注: 内嵌样式只对所在的标记有效 二、添加在HTML的头信息标识符 head里（自定义内部样式） head style type=”text/css”  选择符{ 属性：属性值； 属性：属性值； …… } 选择符{ 属性：属性值； 属性：属性值； …… } /style /head 三、使用 LINK标签： 将样式规则写在.css的样式文件中，再以LINK标签引入 在网页的head中加入: headlink rel=stylesheet type=text/css href=example.css /head即可套用该样式档案中所制定好的样式了. 四、样式的优先级 内嵌(inline)内部(internal) 外部(external)浏览器缺省(browser default) 任务四 class类选择符的使用 先定义:[标签].名称{属性：属性值；……} 后引用: 标签 class=“名称” 一、所有的标签通过class类别名来调用 如:head style p.bb{color:red} .aa {color:yellow}、 /style /head body p class=bb红色/p ph1 class=bb默认颜色/h1/p h1 class=aa黄色/h1 /body 二、同样的标签构成不同的样式 先定义 p.right {text-align:right} p.center {text-align:center} 后应用 p class=center这一段居中显示/p p class=right这一段是居右显示/p 任务五．id选择器和包含选择符的使用 id和class类选择符区别如下 1. id选择器用#来定义 2. id属性只能在每个HTML文档中出现一次 包含选择符 table a 　　{font-size: 12px} 在表格内的链接改变了样式，而表格外的链接的文字仍为默 认大小 * ??????????????????? ??????????????????? 轻 松 玩 转 网 站 应 用 技 术 与 开 发 Css 系列 轻 松 玩 转 网 站 应 用 技 术 与 开 发 主讲：王书琴 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 学习重点： 1、样式的类型 2、样式布局网页 3、样式的应用 Evaluation only. Cr