在CSS中給背景圖片加上超鏈接的方法：

1、新建一個html文件，命名為test.html，用于講解在CSS中如何給背景圖片加上超鏈接。

2、在test.html文件內，使用div創建一個模塊，并設置其class屬性為testid。

3、在test.html文件內，編寫<style type="text/css"></style>標簽，頁面的css樣式將寫在該標簽內。

4、在css標簽內，通過class設置css的樣式，定義div的寬度為200px，高度為200px，背景圖片為a.jpg。

5、在test.html文件內，在div標簽外，使用a標簽創建一個鏈接，實現給背景圖片加上超鏈接。

6、在瀏覽器打開test.html文件，查看實現的效果。

使用font-family屬性來定義字體類型，另外使用font屬性也可以定義字體類型。

font-family:name;

name表示字體名稱，可指定多種字體，多個字體將按照優先順序排列，以逗號隔開。如果字體名稱包含空格，則應使用引號括起。

font是一個復合屬性，所謂符合屬性，是指該屬性能夠設置多種字體屬性，用法如下：

font:font-style || font-variant || font-weight || font-size || line-height || font-family

屬性值之間以空格分隔。font屬性至少應設置字體大小和字體類型，并且必須放在后面，否則無效。前面可以自由定義字體樣式、字體粗細、大小寫和行高。

1、創建使用CSS樣式表有三種，分別是外部樣式表，內部樣式表和內聯樣式。下面通過一個小demo演示它們的用法，首先新建一個html文件，放入3個button按鈕，給前兩個按鈕分別設置class屬性為btn1和btn2：

2、接著準備一個css文件，命名為demo.css，在文件內寫入按鈕A的樣式，保存css文件：

3、回到剛才的html文件，在style標簽中用link標簽引入上一步創建的css文件，這就是外聯樣式的用法，總結就是創建好的css文件內寫好樣式，然后在html文件中用link標簽引入即可，這也是大部分網站使用的方法，因為其引入方便，管理起來也比較方便：

4、接著是內部樣式表的使用，這里直接在head標簽里創建style標簽，在里面加入btn2的樣式。對于內部樣式表簡單的html文件，內部樣式是很方便的，但是結構復雜的html文件使用它就會讓文件顯得很混亂：

5、最后是內聯樣式的使用，直接在第三個標簽內使用style屬性加入樣式就可以了：

6、最后保存html文件，打開瀏覽器可以看到三個按鈕的樣式都出現了。以上就是css樣式表的制作方法：