CSS样式表_f探析.ppt

第3章 CSS样式表;DHTML 简介;DHTML 的功能;CSS定义及功能;CSS功能;HTML HEAD TITLE设置属性/TITLE /HEAD BODY P style = color:red;font-size:30px;font-family:隶书; 这个段落应用了样式 P这个段落按默认样式显示 /BODY /HTML;CSS语言语法;常用的样式属性;上次课的主要内容;一CSS的四种设置方式;内联样式;HTML HEAD TITLE应用样式/TITLE STYLE TYPE=text/css P { font-size:20px; color:blue; text-align:center } /STYLE /HEAD BODY P我是段落 1/P P我是段落 2/P P我是段落 3/P P我们的样式绝对统一/P /BODY /HTML;CSS的四种设置方式;样式表四种方式的关系;什么是样式选择器;二 如何定义CSS样式;HTML选择器;/*--关键代码--*/ HEAD STYLE type=text/css P { /*设置样式：字体和背景色*/ font-family: System; font-size: 18px; color: #3333CC; } H2 { background-color: #CCFF33; text-align: center; } /STYLE /HEAD BODY H2品种特征方面：/H2 P　　 1、蛋鱼：蛋鱼…….。/P P　　 2、龙睛：龙睛……..。/P P　　 3、高头：高头….。/P;类选择器;例：3.htm ;例：4.htm;上次课的主要内容;ID选择器;例：5.htm;关联选择器;组合选择器;伪元素选择器;样式规则的继承;样式规则的优先级;编写CSS的方式;CSS代码怎样加入到HTML文档中呢？ ;CSS文件怎样加入到HTML文档中呢？;三、设置CSS属性;绝对单位;相对单位;1、设置字体（font）属性;例 6.htm;注意：;3、文本属性;例9.htm，文字重新排版;;3、CSS的颜色和背景属性 ;例 7.htm ，为文字设置颜色，添加图像背景。;5 边框属性 ;边框风格属性;各边的风格使用的属性值 ;边框宽度属性 ;边框颜色属性 ;略写的边框属性;边框属性;6 CSS中常见的控制列表的属性 ;7 盒子模型 概述;DIV+CSS标准的优点;盒子模型; ;布局中的主要样式;上次课的主要内容;作业;;;定位属性 ;区块属性(区块模型);区块框浮动 ;设置浮动;行框和清理;使用区块框设计页面布局