CSS與HTML(span)__HTML

來源:互聯網
上載者:User

1、外部樣式表不能含有任何像<HEAD>或<STYLE>這樣的HTML的標記

2、REL屬性用於定義串連的檔案和HTML文檔之間的關係。REL=StyleSheet指定一個固定或首選的樣式而REL="Alternate   StyleSheet"定義一個互動樣式。固定樣式在樣式表啟用時總被應用。缺少的TITLE屬性,定義一個固定樣式。

3、 <LINK   REL=StyleSheet   HREF="basics.css"   TITLE="Contemporary"> 
      <LINK   REL=StyleSheet   HREF="tables.css"   TITLE="Contemporary"> 
     <LINK   REL=StyleSheet   HREF="forms.css"   TITLE="Contemporary"> 
      在這個例子中,三個樣式表組合成一個"Contemporary"樣式,作為一個首選樣式表被應用。要組合多個樣式表成一個單一樣式,必須在每個樣式表中使用相同TITLE。

4、TYPE屬性用於指定媒體類型,LINK元素也一樣。同樣地,TITLE和MEDIA屬性也可以用STYLE指定。   <STYLE   TYPE="text/css"   MEDIA=screen>

5、  .punk           {   color:   lime;   background:   #ff80c0   } 
       P.warning   {   font-weight:   bolder;   color:   red;   background:   white   }

       在這個例子中,punk 類可以用於任何BODY元素因為它在樣式表中沒有HTML元素關聯。而在這個例子的樣式表,warning類只能用於P元素。

6、SPAN元素被加入到HTML中以允許網頁製作者給出樣式但無須附加在一個HTML的結構元素上。SPAN在樣式表中作為一個選擇符使用,而且它也能接受STYLE、CLASS和ID屬性。

     SPAN是一個內嵌元素,所以它可以作為HTML中的元素如EM和STRONG使用。最重要的差別在於雖然EM和STRONG帶有結構的意義,但SPAN就沒有這樣的意義。它的存在純粹是應用樣式,所以當樣式表失效時它就沒有任何的作用。

      一些SPAN例子如下:

      <!DOCTYPE   HTML   PUBLIC   "-//W3C//DTD   HTML   4.0//EN"> 
  <HTML> 
  <HEAD> 
  <TITLE>SPAN的例子</TITLE> 
  <STYLE   TYPE="text/css"   MEDIA="screen,   print,   projection"> 
  <!-- 
      .firstwords   {   font-variant:   small-caps   } 
  --> 
  </STYLE> 
  </HEAD> 
  <BODY> 
  <P><SPAN   CLASS=firstwords>The   first   few   words</SPAN>前面是段落中少數的文字,會是小型大寫字母。樣式也可以內聯,如改變文字的樣式為<SPAN   STYLE="font-family: Arial">Arial</SPAN>.</P>

    span的用法和div很相似 只不過是div是塊級的,span可以說成是行級的(老師這麼說的)。

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.