通过本章学习，应该掌握以下内容.pptxVIP

通过本章学习，应该掌握以下内容： 什么是CSS CSS样式和常用的selector 在网页中使用CSS的方法 CSS的各种属性 第3章 在网页中使用CSS样式 第3章 在网页中使用CSS样式 3.1 CSS简介 3.2 CSS样式 3.3 在网页中使用CSS的方法 3.4 CSS属性 3.1 CSS简介 CSS（Cascading Style Sheet)——层叠样式表，它是一种格式化网页的标准方式，它通过设置CSS属性使网页元素获得各种不同效果。CSS不是一种程序设计语言，而只是一种用于网页排版的标识性语言，是对现有HTML语言功能的补充和扩展。 CSS的主要功能是通过对HTML选择器进行设定，来实现对网页中的字体、字号、颜色、背景、图像等其他元素的控制，使网页能够完全按照设计者的要求来显示。 3.1.1 CSS的特点 将格式和结构分离 控制页面布局 制作体积更小下载更快的网页 将许多网页同时更新 浏览器成为更友好的界面 3.1.2 在网页中使用CSS的方式 在标记符中直接嵌套样式信息(内嵌) HTML 标记符的 style 属性 P style=“text-align:center” 在STYLE标记符中定义样式信息(插入) STYLE 标记符 STYLE type=“text/css” 样式定义 /STYLE 链接外部样式表中的样式信息(引入) LINK 标记符LINK rel=“stylesheet” type=“text/css” href=“stylesheetname.css” 优先级 内嵌插入引入浏览器缺省设置 3.2 CSS样式 3.2.1 CSS样式表组成 3.2.2 几种常用的selector CSS的定义由三部分构成：选择符selector、属性property和属性值value。其基本格式如下： selector{propertyl：valuel；property2：value 2；……} selector（选择符）表示需要应用样式的标签( 可以是HTML的标签,也可以是自己定义的标签) property表示由CSS标准定义的样式属性，value表示样式属性的值。 3.2.1 CSS样式表组成 如: h1{ font-family:宋体; font-style:italic; color: red; } 3.2.2 几种常用的selector HTML标记符是最典型的selector类型，网页设计者可以为某个或某些具体的HTML元素应用样式定义。如： BODY{color：black} 如果属性的值是多个单词组成的，必须在值前加上双引号。如果需要对一个selector指定多个属性时，应使用分号将所有的属性和值分开。如： p {font-family: sans serif;font-weight:bold} 1．HTML标记符selector 使用CSS的标记符设置CSS样式的方法,可以对HTML的同一类型的标记元素设置统一的样式;使用class类选择符和ID选择符则可以对同一类型的的标记元素设置不同的样式,以及为不同类型的标记元素设置相同的样式。 class类选择符格式如下： selector.classname {property：value；……} 可以使用任何名称命名类，但通常使用具体含义的名称。 2．用户定义的类selector .myh1{ font-family:宋体; font-size:50pt; color:blue; } H2.s1{color: red} html head meta http-equiv=Content-Type content=text/html; carset=gb2312 title类选择符/title style .myh1{ font-family:宋体; font-size:50pt; color:blue; } /style /head body div class=myh1通过类定义的格式 myh1/div p 没有通过类定义的格式 myh1/p p class=myh1这个p标签使用了类定义的格式 myh1/p /body /html 运行效果见：类选择符的使用 3．用户定义的ID selector 当网页设计者想在整个网页