选修3网络技术应用《5.2.2CSS样式表》精品PPT课件优质课下载

选修3网络技术应用《5.2.2CSS样式表》精品PPT课件优质课下载

我们使用HTML可以构建稳定的结构基础，而页面的风格样式控制则交给CSS来完成。网页的样式包括各种元素的颜色、大小、线形、间距等等，这对于设计或维护一个数据较多的网站来说，工作量是巨大的。好在可以使用CSS来控制这些样式，这将大大提高网页设计和维护的效率，并且使网页的整体风格很容易做到统一。

CSS概述

CSS是英文Cascading Style Sheet的缩写，中文译为层叠样式表，也有人翻译为级联样式表，简称样式表。它是一种用来定义网页外观样式的技术，在网页中引入CSS规则，可以快捷高效地对页面进行布局设计，可以精确的控制HTML标记对象的宽度、高度、位置、字体、背景等外观效果。

CSS是一种标识性语言，不仅可以有效的控制网页的样式，更重要的是实现了网页内容与样式的分离，并允许将CSS规则单独存放于一个文档中， CSS文件的扩展名为“css”。

样式：用一个指定的名字来标识和保存的一组有关字符和段落格式的选项集合。

CSS的基本语法

CSS规则由两部分组成：选择器和一条或多条声明。

基本语法：

选择器{

属性1: 值;

属性2: 值;

…

属性n: 值;

}

原则：先定义后使用

指这条样式声明的样式要应用于哪个或者哪些元素，即针对哪些页面元素进行设置，可以是html元素，例如body、p、h1等

声明

注意：属性和值用冒号相连，不同属性用分号分隔

在HTML文档中使用CSS的方法

根据CSS在HTML文档中的使用方法和作用范围不同，CSS样式表的使用方法分为三大类：行内样式、内部样式表和外部样式表。本节我们从三个分类来认识在HTML中使用CSS的方法。

嵌入式样式表

内联式样式表

外联式样式表

（一）嵌入式css

嵌入式css（inline style），它是CSS使用方法中最为直接的一种，它的实现借用HTML元素的全局属性style，把CSS代码直接写入其中即可。