样式表的建立要符合CSS规则,它们一般被定义成以下形式的句法:
(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)HTML标志{标志属性:属性值;标志属性:属性值;标志属性:属性值;标志属性:属性值;...}
(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/) 下面我们分别讲述:
.HTML标志:在上一节我们已简要地介绍了一下,有点需要注意的是,这些标志不带尖括号,如P,Div、Table等而不是P、Div以及Table。
.标志属性:属性值,这是一一对应的,每个属性与属性值对之间用分号隔开。有一点要说明的是,在CSS的属性设置与脚本语言中对属性设置有一点不同,即属性名称的写法,在CSS中,凡属性名为两个或两个以上的单词构成时,单词之间以"-"隔开,比如,背景颜色属性background-color, 而在脚本中,对象属性则连写成backgroundColor,第二个单词首字母大写,如有三个单词则第三个单词首字母也要大写,注意,在javascript中,是严格区分大小写的。
下面看一个具体的例子,比如我们对一个段落建立一个样式表:
P{background-color:#0000ff;font-size:12pt;color:#ffff00},效果如下
中国建站欢迎你;中国建站欢迎你;中国建站欢迎你;中国建站欢迎你;
上面我们分别设置了背景色,字体大小,以及字体颜色等。
为了看起来直观一些,上边的例子还可以写成:
P{background-color:#0000ff;
font-size:12pt;
color:#ffff00}
有一点值得注意的是,有些属性可以表示多个属性的值,如字体设置,有字体字样:font-family、字体大小:font-size、字体风格:font-style,这些可用一个font属性来表示,
如:H2{font-size:15pt;
font-family:'宋体';
font-style:italic }
可直接用 H2{font:15pt 宋体 italic}来表示,类似的情况还有关于背景方面的设置,在以后的章节中我们会一一详细讲解的。