JavaScript程序设计（第2版）02.样式定义.ppt

样式定义 本讲大纲： 1、样式定义的格式 2、选择符的分类 　　定义CSS的语句形式如下： selector{property:value;property:value;…} 样式定义的格式 SELECTOR：选择符。 当多个对象具有相同的样式定义时，多个对象之间可以用逗号分隔，例如： tr,th{font:12px;margin:20px;font-color:#336699} 说 明 样式列表中的注释应写在“/* */ ”之间。 　　在CSS样式中有3种选择符分别是： HTML选择符 　　HTML选择符就是HTML的标记符，例如P、BODY、A等。如果用CSS定义了他们，那么在整个网页中，该标识的属性都应用定义中的设置。HTML选择符的定义方法如下： tag{property:value} 例如，设置表格的单元格内的文字大小为9pt，颜色为蓝色的CSS代码如下： td{ font-size: 9pt; color: blue;} 　　 CSS可以在一条语句中定义多个选择符，例如：将段落文本和单元格内的文字设置为蓝色的CSS代码如下： td,p{color: blue;} Class选择符 　　Class选择符可以分为两种，一种是相关的class selector，它只与一种HTML标记有关系。它的语法格式如下： Tag.Classname{property:value} 　　 例如，让一部分而不是全部H1的颜色是红色，可以使用以下代码： style H1.redone{color:red} /style h1 class=redone吉林省明日科技有限责任公司h1 This is H1. 选择符的分类 　　第二种是独立Class选择符，它可以被任何HTML标记所应用。 　　它的语法格式如下： . Classname{property:value} 　　例如：可以将样式blueone应用于H2和P中的代码如下： style .blueone{color:bule} /style h2 class=blueone有雨的日子/h2 p class=blueone不知是无意还是天意，有你的日子总有雨！/p 　　显然Class选择符应用起来会方便得多。　 ID选择符 　 ID选择符其实与独立的Class选择符的功能一样，而他们的区别在于语法和用法不同。它的语法格式如下： #IDname{property:value} 　　ID选择符的用法是在HTML标记中应用ID属性引用CSS样式。例如： style #redone{color:red} /style p id=redone红色热情/p p黑色神秘/p 由于以上代码中的“红色热情”使用ID标识引