[计算机软件及应用]CSS样式表基础 11.pptVIP

* * * * * * * * * * * 11.3.4 导入外部样式表 特点 在使用中，某些浏览器可能会不支持导入外部样式表的@import声明。所以此方法不经常用到。 11.4 编写CSS文件 11.4.1 编写头部的CSS 11.4.2 编写主体的CSS 11.4.3 编写外部的CSS 11.4.1 编写头部的CSS 实例代码 11.4.1 编写头部的CSS 在上面代码中的head与/head之间插入如下代码。 11.4.1 编写头部的CSS 网页效果 11.4.2 编写主体的CSS 实例代码 11.4.2 编写主体的CSS 网页效果 11.4.3 编写外部的CSS1．应用链入外部样式表方法在HTML文件内调用外部定义的CSS文件 编写CSS文件的代码 11.4.3 编写外部的CSS1．应用链入外部样式表方法在HTML文件内调用外部定义的CSS文件 建立一个新的HTML文件，并链接到上面定义的CSS文件上 11.4.3 编写外部的CSS1．应用链入外部样式表方法在HTML文件内调用外部定义的CSS文件 网页效果 11.4.3 编写外部的CSS2．应用导入外部样式表方法在HTML文件内调用外部定义的CSS文件 建立如下的HTML文件 11.4.3 编写外部的CSS2．应用导入外部样式表方法在HTML文件内调用外部定义的CSS文件 再建立单独的CSS文件 11.4.3 编写外部的CSS2．应用导入外部样式表方法在HTML文件内调用外部定义的CSS文件 网页效果 * * * * * * * * * * * * * * * * * * * HTML/CSS/JavaScript 标准教程实例版（第2版） 第 章 11 第11章 CSS样式表基础 11.1 CSS的概述 11.2 CSS的使用 11.3 插入CSS样式表 11.4 编写CSS文件 HTML/CSS/JavaScript 标准教程实例版（第2版） 11.1 CSS的概述 11.1.1 CSS基本概念 11.1.2 CSS的特性 11.1 CSS的概述 概述CSS的作用 ? 内容和样式的分离，使得网页设计趋于明了、简洁。 ? 弥补HTML对标记属性控制的不足，如：背景图像重复的控制和标题大小的控制等。在HTML中可控制的标题仅有7级，即h1~~h7，而利用CSS可以任意设置标题大小。 ? 精确控制网页布局，如行间距、字间距、段落缩进和图片定位等属性。 ? 提高网页效率，因为多个网页同时应用一个CSS样式，即减少了代码的下载，又提高了浏览器的浏览速度和网页的更新速度。如图11-1中的网页，内容已定，如果CSS样式不满意，可以随便修改，丝毫不会对内容有影响，而且这个CSS样式，也可以同时用到多个网页内容上。 ? CSS还有好多特殊功能，如鼠标指针属性控制鼠标的形状和滤镜属性控制图片的特效等。 11.1.1 CSS基本概念 CSS（Cascading Style Sheet）即层叠样式表，简称样式表。要理解层叠样式表的概念先要理解样式的概念。样式就是对网页中的元素（字体、段落、图像、列表等）属性的整体概括，即描述所有网页对象的显示形式（例如，文字的大小、字体、背景及图像的颜色、大小等都是样式）。层叠，就是指当HTML文件引用多个CSS文件时，如果CSS文件之间所定义的样式发生了冲突，将依据层次的先后来处理其样式对内容的控制。 11.1.2 CSS的特性 1．继承性 2．层叠性 11.2 CSS的使用 11.2.1 CSS的基本语法 11.2.2 CSS选择符类型 11.2.3 选择符的优先级 11.2.1 CSS的基本语法 CSS基本语法 selector {property: value; property: value ……property: value } 11.2.1 CSS的基本语法 语法说明 ? 语法中selector代表选择符，property代表属性，value代表属性值。 11.2.1 CSS的基本语法 语法说明 选择符包括多种形式，所有的HTML标记都可以作为选择符，如body、p、table等都是选择符。但在利用CSS的语法给它们定义属性和值时，其中属性和值要用冒号隔开。 11.2.1 CSS的基本语法 语法说明 11.2.1 CSS的基本语法 语法说明 11.2.1 CSS的基本语法 语法说明 11.2.2 CSS选择符类型 1．类选择符 用类选择符可以把相同的元素分类定义成不同的样式。在定义类选择符时，在自定义类名称的前面加一个句点（.）。 类选择符语法：标记名.类名{样式属性:取值;样式属性:取值;…} 11