网页设计与制作 第3版 相万让 第6章

《网页设计与制作 第3版 相万让 第6章》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第6章应用CSS第6章应用CSS6.1CSS概述6.2CSS基本语法6.3CSS选择器6.4CSS的使用方法6.5CSS应用6.1CSS概述CascadingStyleSheet层叠式样式表用于控制网页各组成部分的表现形式。6.1.1CSS标准CSS(CascadingStyleSheet)中文译为层叠式样式表，它是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。CSS的引入就是为了使HTML语言更好地适应页面的美工设计。6.1.2CSS优点方便网页格式的修改减少了网页体积准确地定位网页元素良好的适应性6.2CSS基本语

2、法一个样式表一般由若干样式规则组成，每条样式规则都可以看作是一条CSS的基本语句，每条规则都包含一个选择器（例如：BODY，P等）以及在花括号里的声明，这些声明通常是由几组用分号分隔的属性和值组成。6.2CSS基本语法CSS的基本语句的结构是这样的：选择器{属性：属性值}CSS就是由3个基本部分组成――“选择器”、“属性”和“属性值”。CSS的核心思想就是首先指定对什么“选择器”进行设置，然后指定对该对象的哪个方面的“属性”进行设置，最后给出该设置的“值”。6.3CSS选择器在CSS的3个组成部分中，“对象”很重要，它指定了对哪些页面元

3、素进行设置。因此它有一个专门的名称—选择器。选择器是CSS中很重要的概念，所有HTML语言中的标记样式都是通过不同的CSS选择器进行控制的。在CSS中，有几种不同类型的选择器。基本选择器有标记选择器、类别选择器、ID选择器3种。6.3.1标记选择器一个HTML页面由很多不同的标记组成，而CSS标记选择器就是声明哪些标记采用哪种CSS样式。因此每一种HTML标记的名称都可以作为相应的标记选择器的名称。例如P选择器就是用于声明页面中所有

标记的样式风格。P{color:red;font-size:30px;}h1{color:blue;

4、font-size:60px;}6.3.2类别(class)选择器标记选择器一旦声明，那么页面中所有的相应标记都会相应地产生变化。例如当声明了

标记为红色时，页面中所有的

标记都将显示红色。如果希望其中的某一个

标记不是红色，而是蓝色，这时仅依靠标记选择器是不够的，还需引入类别（class）选择器.class选择器的基本语法.对象名{属性：属性值}.green{color:green;font-size:30px;}.aaa{color:#abc123;font-size:30px;}class选择器的引用所以的HTML标记

5、中都有一个属性是class，只需给相应标记的class属性进行声明即可。计算机基础