【2017年整理】Css详解PPT.ppt

CSS概述;目 录;需要具备的基础知识; HTMLXHTML; HTMLXHTML; HTMLXHTML;CSS (Cascading Style Sheets);为什么要使用CSS;CSS 语法;引入CSS的4种方式;CSS 选择器;基本选择器;复合选择器;特殊选择器;常用的样式属性;内嵌样式-2 选择器;/*--关键代码--*/ 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;内嵌样式-4 class类选择器;HEAD STYLE TYPE=text/css #fire { color:red; font-size: 24px; } /STYLE /HEAD BODY H2 ID=fire我是二级标题，火是这样的/H2 P ID =fire我是段落，火是这样的/P /BODY ;HEAD STYLE type=text/css A { /*设置超链接不带下划线*/ color: blue; text-decoration: none; /*文本修饰：无*/ } A:hover {/*鼠标在超链接上方停留时，带下划线 */ color: red; text-decoration:underline; /*文本修饰：下划线*/ } /STYLE HEAD BODY A href=“a.htm 俺是超链接，移过来我就显示下划线/A /BODY /HTML;外部样式;链接外部样式表;导入外部样式表;外部样式文件;DIV 层标签;SPAN 标签;CSS 盒状模型;CSS 盒状模型;CSS样式的继承;CSS样式的优先级原则;CSS学习方法