HTML--CSS樣式表--基本概念(超鏈接的狀態)


樣式表的基本概念

一、樣式表的分類

1.內聯樣式表

  和HTML聯合顯示,控制精確,但是可重用性差,冗余較多。

  例:<p style="font-size:14px;">內聯樣式表</p>

2.內嵌樣式表

  作為一個獨立區域內嵌在網頁里,必須寫在head標簽里面。

  <style type="text/css">

  p   //格式對p標簽起作用

  {

  樣式;

  }

  </style>

 

 

3.外部樣式表

  新建一個CSS文件,用來放置樣式表。如果要在HTML文件中調用樣式表,需要在HTML文件中點右鍵→CSS樣式表→附加樣式表。一般用link連接方式。

 

   <style type="text/css">
   */*有些標簽有默認的邊距,一般寫樣式表的時候首先去除*/
   {/*星號表示對所有的標簽都起作用*/
        margin:0px;
        pading:0px;
   }

 

二、選擇器

1.標簽選擇器。用標簽名做選擇器。

 

2.class選擇器。都是以“.”開頭。

 

 

3.ID選擇器。以“#”開頭。

 

 

4.復合選擇器

(1)用“,”隔開,表示並列。

 

 

 

(2)用空格隔開,表示后代。

 

 

(3)篩選“.”。

 

 

 

 

知識點:

 

鏈接的style:

  a:link 超鏈接被點前狀態(一般鏈接)

  a:visited 超鏈接點擊后狀態(訪問過的鏈接狀態)

  a:hover 懸停在超鏈接時(設置鼠標指向鏈接時的狀態)

  a:active 點擊超鏈接時

  在定義這些狀態時,有一個順序l v h a

 ★ cursor:pointer 鼠標指到上面時的形狀(由箭頭改變成小手);這么用 a:hover{cursor:pointer}

網頁圖標超鏈接的點擊顏色狀態

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM