[T5-CSS基础.pptVIP

Css基础 本章主要内容 什么是CSS,为什么需要CSS CSS控制页面的3种方法 CSS常用的选择器 常用的样式的属性 综合实例 一、什么是CSS CSS(Cascding Style Sheet),译为层叠样式表,是用于控制网页样式并允许将样式信息与网页内容进行分离的一种标记性语言,是实现页面表现的核心元素。 为什么需要CSS样式表 HTML标签的外观样式比较单一 颜色只有黑白 字体类型和大小无变化 样式表的作用相当于华丽的衣服 为什么需要CSS样式表 样式表能实现内容与样式的分离，方便团队开发 样式表的基本语法 样式表的基本结构 二、CSS控制页面的3种方法 （一）行内样式 二、CSS控制页面的4种方法 （二）内嵌样式 二、CSS控制页面的4种方法 （三）外部样式表文件 1、链接（LINK ）外部样式表文件 三、CSS常用的选择器 （一）标签选择器 三、CSS常用的选择器 （二）类选择器 三、CSS常用的选择器 （三）ID选择器 三、CSS常用的选择器 （四）选择器集体声明 三、CSS常用的选择器 （五）选择器的嵌套 三、CSS常用的选择器 （六）子选择器 三、CSS常用的选择器 （七）属性选择器 四、常用的样式的属性 文本属性 常用的样式属性 背景属性 常用的样式属性 方框属性 常用的样式属性 常用的样式属性 常用的样式属性 常用的样式属性 特殊样式（超连接） a:link {color: #FF0000} /* 未被访问的链接 红色 */ a:visited {color: #00FF00} /* 已被访问过的链接 绿色 */ a:hover {color: #FFCC00} /* 鼠标悬浮在上的链接 橙色 */ a:active {color: #0000FF} /* 鼠标点中激活链接 蓝色 */ 常用的样式属性 常用的样式属性 自学指导部分 * 有志者,事竟成 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 内容相同 外观不同 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 程序员写代码 美工做样式 内容与样式和谐统一的完整网页 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. STYLE type=text/css P {color:red; font-size:30px; font-family:隶书;} …… /STYLE 声明文档样式表结束 文档样式表开始，类型为CSS样式 样式规则 选择器 样式规则 P {color:red; font-size:30px; font-family:隶书;} 属性 属性的值 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. p style=font-size:24px; color:#0000FF; font-family:华文隶书; font-weight:300px; 注意：行内样式后期的维护成本过高，而且容易使网页的体积过胖，不推荐使用。 只有当某个特定持标签与其它标签的样式不同时，才采用这种方式。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. head titl