第4章 使用CSS样式.ppt

第4章 使用CSS样式 4.1 学习任务：认识CSS样式表 4.2 学习任务：CSS规则的定义和创建 4.3 学习任务：在网页文档中使用CSS样式 4.4 上机实训——用CSS美化网页 4.1 学习任务：认识CSS样式表 4.1.1 CSS的基本概念 4.1.2 CSS样式的引用 4.1.1 CSS的基本概念 早期的网页一般是由HTML标签控制的文本网页，随着Web的流行与发展，漂亮的外观变得越来越重要。一方面HTML在控制页面格式和外观上越来越力不从心；另一方面HTML标签中充斥了大量的对外观属性的定义，网页要表现的“内容”与如何“表现”内容混杂在一起，HTML代码变得越来越繁杂，大量的标签堆积在一起，难以阅读和理解。 1996年W3C（万维网联盟）提出了CSS技术规范，它以HTML语言为基础，提供了丰富的样式。应用了CSS样式的网页，将样式外观设置从HTML文档中分离出来，使代码清晰、容易维护。CSS一经引入即得到了广泛应用。 CSS是Cascading Style Sheets的缩写，又称层叠样式表或级联样式表，主要用于对网页中的文本或某一区块的布局、字体、颜色、背景和特效等进行精确控制。 4.1.2 CSS样式的引用 CSS样式既可以定义在外部CSS样式表文件中，也可以定义在HTML文档中。外部CSS样式表是专门保存