one piece

利用ID选择符定义样式

在上一节里，提到利用class类选择符定义样式的方法；这一节，还要教你如何利用ID指定选择符定义样式，其中，两者最大的差别在与定义样式名称前的符号，用class定义为”*.样式名称”; 若用ID定义样式时为”#样式名称”。以下是ID选择符定义样式的语法

  1. <style type="text/css">
  2.  <!--
  3.  #a1 {样式属性:属性值; 样式属性:属性值;}
  4.  #a2 {样式属性:属性值; 样式属性:属性值;}
  5.  ......
  6.  #an {样式属性:属性值; 样式属性:属性值;}
  7.  -->
  8.  </style>

或者\r

  1. <style type='text/css">
  2.  <!--
  3.  标记1#a1 {样式属性:属性值; 样式属性:属性值}
  4.  标记2#a2 {样式属性:属性值; 样式属性:属性值}
  5.  ........
  6.  标记n#an {样式属性:属性值; 样式属性:属性值}
  7.  -->
  8.  </style>

下面是语法各部分的说明。\r #a1…#an
a1…an是定义ID选择符名称，通常在定义样式时，指定给样式的名称。其使用范围，是整个html文件中所有由ID选择符所引用的设置。\r 标记 1#a1…标记 N#an
标记1…标记N为HTML的标记名称，不同点在与，若在ID选择符前面加上HTML的标记时，其使用范围将只限于该标记所包含的内容。\r 样式属性
定义样式的属性名称。\r 属性值
设置样式属性的值。\r
下面的语句，将在HTML内引用P标记的a1与a2的定义样式，分别定义为楷体，红色和华文隶书蓝色。\r

  1. <style type="text/css">
  2.  <!--
  3.  p#a1 {font-family:楷体; color:red}
  4.  *.a2{font-family:华文隶书; color:blue}
  5.  -->
  6.  </style>

Created By: sb123

Form Page: 利用ID选择符定义样式

This entry was posted on 星期四, 四月 6th, 2006 at 6:01 下午 and is filed under CSS, 学习手记. You can follow any responses to this entry through the RSS 2.0 feed. You can skip to the end and leave a response. Pinging is currently not allowed.

« 日
Discuz!插件-标题前面加日期 »

9 Responses to “利用ID选择符定义样式”

  1. tsdtgaxw
    四月 5th, 2007 06:46
    9

    tsdtgaxw…

    tsdtgaxw…

  2. pornostar italiane video
    三月 17th, 2007 04:18
    8

    Nice site. Thanks!!!
    //hometown.aol.com/DacyAt7456/post21.html pornostar italiane video

  3. cialis sample
    三月 12th, 2007 08:20
    7

    Good site. Thanks!
    //s-url.net/02yi/ cheap cialis

  4. hydrocodone apap
    三月 12th, 2007 05:01
    6

    Cool site. Thank you!!!
    //s-url.net/02yj/ prescription hydrocodone

  5. viagra cialis levitra
    三月 11th, 2007 16:00
    5

    Cool site. Thank you!!!
    //s-url.net/02yi/ cialis free sample

  6. order cialis
    三月 5th, 2007 13:02
    4

    Good site. Thank you!!!
    //s-url.net/02yi/ buy cialis

  7. prescription hydrocodone
    三月 4th, 2007 18:01
    3

    Good site. Thanks:-)
    //s-url.net/02yj/ buy hydrocodone

  8. arlifnevq xkvtu
    三月 2nd, 2007 13:33
    2

    ztrxglwy lfaiuje pmscqvre adsmypxjz hnqgl uzoy bvmdygof //www.fszwn.ewjx.com

  9. ldpy hdywc
    三月 2nd, 2007 13:32
    1

    mzhj hlgakoytz rapz zqyevh xsovc sahqlnfp fcsdnzm

Leave a Reply

You must be logged in to post a comment.