第3章CSS语言基础.pptVIP

网站开发与设计 第3章 CSS语言基础 本章学习要点： 什么是CSS CSS的优点 CSS的基本语法 3.1 CSS简介 3.2 CSS基本语法 ★ CSS选择符 ★ CSS属性 3.3 插入CSS样式表 ★ 内嵌样式 ★ 内部样式表 ★ 链入外部样式表 ★ 导入外部样式表 * * CSS(Cascading Style Sheet，层叠样式表)，是用于增强或控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。 CSS的主要思想是将内容与样式相分离，HTML只包含网页的内容，如文字、图片、动画、超链接等；而网页内容的显示样式由CSS定义，如文字的大小、字体、颜色、背景等。 CSS的定义是由三个部分构成：选择符，属性和属性值。 基本格式：选择符 {属性:值} 1、标记选择符 标记选择符是指以HTML标记为名称的选择符。利用标记选择符可以对网页文档里这个标记出现的每一个地方应用样式定义。 注意：标记选择符的名字必须是已有的HTML标记，它不需要被调用，网页中的相应标记会自动按照重新定义后的HTML标记进行显示。 2、类选择符 类选择符能够把相同的元素分类定义成不同的样式，定义类选择符时，需要在自定类的名称前面加一个点号(.)。另外，还可以在选择符中省略HTML标记名，这样就可以把几个不同的元素定义成相同的样式。 调用方法：在HTML标记里加入定义的class参数，例如p class=right…/p 说明：类的名称可以是任意英文单词或以英文开头与数字的组合，一般以其功能和效果简要命名。 3、ID选择符 ID选择符可以标识网页中的元素，它可以实现的功能和类选择符相似。与类选择符不同的是，ID选择符在一个网页中按照规范只能使用一次。ID选择符的名称必须以#开头。 1、字体属性(参照表3-1) 2、颜色和背景属性(参照表3-2) 2、文本属性(参照表3-3) 如果想在浏览器中显示出效果，就要让浏览器识别并调用CSS样式。 主要有四种在页面中插入CSS样式表的方法：内嵌样式、内部样式表、链入外部样式表和导入外部样式表。 内嵌样式是混合在HTML标记里使用的，用这种方法，可以很简单的对某个元素单独定义样式。 内嵌样式是通过HTML标记的style参数进行CSS的定义。内嵌样式只对所在的标记有效，每个标记都有一个style参数，而style参数的内容就是CSS的属性和值。 内部样式表是写在HTML的head和/head中间的，用style标记插入。内部样式表只对所在的网页有效，其中定义的样式不能被其他网页引用。 链入外部样式表是把样式表保存为一个样式表文件，然后在页面的head区中用link标记链接到这个样式表文件。 格式： head link rel=stylesheet type=text/css href=ss.css /head 说明：①一个外部样式表文件可以应用于多个页面。当改变这个样式表文件时，所有页面的样式都随着改变。 ②样式表文件可以用任何文本编辑器打开并编辑，一般样式表文件扩展名为.css，内容是定义的样式表。 导入外部样式表是指在内部样式表的style里导入一个外部样式表，导入时用@import。 *