第11章在网页中使用cSs样式 通过本章学习,应该掌握以下内容 1.什么是CSS 2.CSS样式和常用的 selector 3.在网页中使用CSS的方法 4.CSS的各种属性
通过本章学习，应该掌握以下内容： 1. 什么是CSS 2. CSS样式和常用的selector 3. 在网页中使用CSS的方法 4. CSS的各种属性 第11章 在网页中使用CSS样式
111CSs简介 CSS( Cascading Style Sheet,层叠样式表) 技术是一种格式化网页的标准方式,它通过设置CSS 属性使网页元素获得各种不同效果。CSS不是一种程 序设计语言,而只是一种用于网页排版的标识性语言 是对现有HTM语言功能的补充和扩展 CSS的主要功能是通过对HTM选择器进行设定, 来实现对网页中的字体、字号、颜色、背景、图像记 其他元素的控制,使网页能够完全按照设计者的要求 来显示
11.1 CSS简介 CSS（Cascading Style Sheet，层叠样式表） 技术是一种格式化网页的标准方式，它通过设置CSS 属性使网页元素获得各种不同效果。CSS不是一种程 序设计语言，而只是一种用于网页排版的标识性语言， 是对现有HTML语言功能的补充和扩展。 CSS的主要功能是通过对HTML选择器进行设定， 来实现对网页中的字体、字号、颜色、背景、图像记 其他元素的控制，使网页能够完全按照设计者的要求 来显示
12CSS样式 1121cSs样式表组成 CSS的定义由三部分构成:选择符 selector、属 性 property和属性值 value。其基本格式如下: selector property 1: value 1 property 2 value 2: 其中 selector(选择符)表示需要应用样式的内容, property表示由CSS标准定义的样式属性, value表示 样式属性的值
CSS的定义由三部分构成：选择符selector、属 性property和属性值value。其基本格式如下： selector{property l ： value l ； property 2 ： value 2；……} 其中selector（选择符）表示需要应用样式的内容， property表示由CSS标准定义的样式属性，value表示 样式属性的值。 11.2 CSS样式 11.2.1 CSS样式表组成
1122几种常用的 selector 1.ITML标记符 selector HTML标记符是最典型的 selector类型,网页设 计者可以为某个或某些具体的HM元素应用样式定 义。如: BODY color: black) 如果属性的值是多个单词组成的,必须在值前 加上双引号。如果需要对一个 selector指定多个属 性时,应使用分号将所有的属性和值分开
11.2.2 几种常用的selector HTML标记符是最典型的selector类型，网页设 计者可以为某个或某些具体的HTML元素应用样式定 义。如： BODY{color：black} 如果属性的值是多个单词组成的，必须在值前 加上双引号。如果需要对一个selector指定多个属 性时，应使用分号将所有的属性和值分开。 1．HTML标记符selector
2.具有上下文关系的HTML标记符 selector 如果需要为位于某个标记符内的标记符设置特定 的样式规则,则应将 selector指定为具有上下文关 系的HM标记符。例如,如果只想使位于H1标记符 内的A标记符具有特定的属性,则应使用以下格式: H1 Bicolor: blue] 注意H1和A之间以空格分隔
如果需要为位于某个标记符内的标记符设置特定 的样式规则，则应将selector指定为具有上下文关 系的HTML标记符。例如，如果只想使位于H1标记符 内的A标记符具有特定的属性，则应使用以下格式： H1 A{color：blue} 注意H1和A之间以空格分隔。 2．具有上下文关系的HTML标记符selector