第5章 CSS基本语法.pptx

第5章 CSS基本语法烟台职业学院孙俊琳本章学习目标了解CSS的发展现状掌握CSS语法规则熟悉不同选择器的区别掌握CSS样式表的用法熟悉CSS样式优先权5.1 CSS概述 CSS简介 CSS优势CSS与浏览器的兼容性5.1.1 CSS简介 CSS是Cascading Style Sheets（层叠样式表）的简称，可以翻译为“层叠样式表”或“级联样式表”，即样式表。CSS语言是一种标记语言，它不需要编译，可以直接由浏览器解释执行（属于浏览器解释型语言）。在Web标准中，CSS属于表现层技术，负责网页内容（XHTML）的表现。 CSS样式表的功能一般可以归纳为以下几点：灵活控制页面中文字的字体、颜色、大小、间距、风格及位置。随意设置一个文本块的行高、缩进，并可以为其添加三维效果和边框。便于定位网页中的任何元素，设置不同的背景颜色和背景图片。精确控制网页中各元素的位置。给网页中的元素设置各种过滤器，从而产生诸如阴影、模糊、透明等效果，而这些效果只有在一些图像处理软件中才能实现。可以与脚本语言相结合，使网页中的元素产生各种动态效果。5.1.2 CSS优势 CSS在布局方面也有很大的优势。采用CSS+DIV进行网页重构相对与传统的TABLE网页布局而言具有以下3个显著优势： （1）表现和内容相分离。将设计部分剥离出来放在一个独立样式文件中，HTML文件中只存放文本信息，这样的页面对搜