用CSS修饰网页.pptx

用CSS修饰网页;了解什么是CSS? 掌握层叠样式表的基本语法 掌握常用的样式表选择器 掌握简单的DIV+CSS布局;为什么需要样式表 ;为什么需要CSS样式表;样式表能实现内容与样式的分离，方便团队开发;样式表的基本结构 ;什么是样式表？;样式表的基本语法;HTML选择器;HTML选择器3-2;HTML选择器3-3;Class选择器3-1;在刚才的网页中将“静夜思”这段文字改成：颜色红色、字体“华文彩云”，“36px”。;Class选择器3-3;ID选择器3-1;在刚才的网页中将最后一行的文字改成：字体“宋体”，“12px”。;ID选择器3-3;小结;伪类：一种特殊的标签选择器。用于设置超链接的样式 在支持 CSS 的浏览器中，超链接有四种状态： 活动状态 已被访问状态 未被访问状态 鼠标悬停状态;a:link {color: #FF0000} /*未访问的链接 */ a:visited {color: #00FF00} /* 已访问的链接 */ a:hover {color: #FF00FF} /* 鼠标移动到链接上 */ a:active {color: #0000FF} /* 选定的链接 */ ;应用样式到网页中 ;内嵌样式表 ;行内样式表2-1;行内样式表2-2 ;外部样式表;外部样式表文件;外部样式表文件; 外部样式表 — 链接(LINK ); 外部样式表 — 导入(@import);30;31;32;33;34;小结;总结;