css樣式說明介紹

為了讓網頁元素的樣式更加豐富，也為了讓網頁的內容和樣式能拆分開，CSS由此思想而誕生，CSS是 Cascading Style Sheets 的首字母縮寫，意思是層疊樣式表。有了CSS，html中大部分表現樣式的標籤就廢棄不用了，html只負責文件的結構和內容，表現形式完全交給CSS，html文件變得更加簡潔。

css的定義方法是：

選擇器 { 屬性：值； 屬性：值； 屬性：值；}

選擇器是將樣式和頁面元素關聯起來的名稱，屬性是希望設定的樣式屬性，每個屬性有一個或多個值。屬性和值之間用冒號，一個屬性和值與下一個屬性和值之間用分號，最後一個分號可以省略，程式碼示例：

 div{ 
    width:100px; 
    height:100px; 
    background:gold; 
}

css引入頁面的方式有三種：

1、內聯式：透過標籤的style屬性，在標籤上直接寫樣式。

 <div style="width:100px; height:100px; background:red ">......</div>

2、嵌入式：透過style標籤，在網頁上建立嵌入的樣式表。

 <style type="text/css">
    div{ width:100px; height:100px; background:red }
    ......
</style>

3、外鏈式：透過link標籤，連結外部樣式檔案到頁面中。

 <link rel="stylesheet" type="text/css" href="css/main.css">

轉載連結：