新Web前端开发技术——HTML、CSS、JavaScript 教学课件 聂常红 第一讲 CSS层叠样式表.pptVIP

第一讲 CSS层叠样式表 1.1 CSS概述 1.2 定义CSS样式表 1.3 CSS常用属性 1.4 CSS关联HTML文档的方式 1.5 在HTML文档中应用CSS 1.6 CSS的冲突 学习目标 熟练掌握CSS样式表的定义 掌握样式表嵌入HTML文档的方式 掌握在HTML文档中应用CSS样式的方式 1.1 CSS概述 特 点 将格式和结构分离 以前所末有的能力控制页面布局 制作体积更小、下载更快的网页 可以实现许多网页同时更新 应用CSS的步骤 定义样式表 把样式表关联到HTML文档 在HTML文档中应用样式表 1.2 定义CSS样式 基本语法: 选择符 {属性名1:属性值1; 属性名2:属性值2; ……} 1. HTML标记符 HTML标记符重新定义了HTML标记符的显示效果，定义示例代码如下： h1{text-align:center;font-size:30pt;color:blue} HTML选择符示例 2.自定义的类与ID 使用自定义类或ID，可以定义一个通用的样式，以便应用到任何需要的地方。它们的应用需要分别使用到class和id属性，定义示例代码如下： .classname{property:value…} #idname{property:value…} 用户定义的类与ID示例 3.伪类选择符 伪类是一种特殊的类选择符，