E成网络

  博客园 :: 首页 :: 新随笔 :: 联系 :: 订阅 :: 管理 ::

CSS基础篇(三):如何建立样式表

        样式表的建立要符合CSS规则,它们一般被定义成以下形式的句法:



  HTML标志{标志属性:属性值;标志属性:属性值;标志属性:属性值;标志属性:属性值;...}




  下面我们分别讲述:

  .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}来表示,类似的情况还有关于背景方面的设置,在以后的章节中我们会一一详细讲解的。
posted on 2006-07-22 10:40  玉成  阅读(410)  评论(0)    收藏  举报