學習CSS樣式的基礎總結分享

進行css佈局的同時，沒有足夠的基礎知識是不可能的，本文為初學者帶來學習CSS樣式的基礎總結分享，經常使用的css屬性，感興趣的朋友可以參考下，或許有所幫助一．

CSS基本介紹

級聯樣式表（Cascading Style Sheet）簡稱“CSS”，通常又稱為“風格樣式表（Style Sheet）”，它是用來進行網頁風格設計的。例如，如果想讓連結字未點擊時是藍色的，當滑鼠移上去後字變成紅色的且有底線，這就是一種風格。透過設立樣式表，可以統一控制HTML中各標誌的顯示屬性。級聯樣式表可以使人更能有效控制網頁外觀。使用級聯樣式表，可以擴充精確指定網頁元素位置，外觀以及創建特殊效果的能力。

CSS是英文CascadingStyle Sheets（層疊樣式表單）的縮寫，它是一種用來表現HTML或XML等檔案樣式的電腦語言。 CSS目前最新版本為CSS3，是能夠真正做到網頁表現與內容分離的一種樣式設計語言。相對於傳統HTML的表現而言，CSS能夠對網頁中的物件的位置排版進行像素級的精確控制，支援幾乎所有的字體字號樣式，擁有對網頁物件和模型樣式編輯的能力，並能夠進行初步交互設計，是目前基於文字展示最優秀的表現設計語言。 CSS能夠根據不同使用者的理解能力，簡化或優化寫法，針對各類人群，有較強的易讀性。

二． CSS的使用方法

有三種方法可以在網站網頁上使用樣式表：

外部樣式：將網頁連結到外部樣式表。

內頁樣式：在網頁上建立嵌入的樣式表。

行內樣式：套用內嵌樣式到各個網頁元素。

每種方法都有其優缺點：

當要在網站上所有或部分網頁上一致地套用相同樣式時，可使用外部樣式表。在一個或多個外部樣式表中定義樣式，並將它們連結到所有網頁，以便確保所有網頁外觀的一致性。如果人們決定更改樣式，只需在外部樣式表中修改一次，而該更改會反映到所有與該樣式表相連結的網頁上。通常外部樣式表以 .css 做為檔案副檔名，例如牛腩新聞發布系統中的公共樣式Common.css。然後在需要此樣式的頁面中將其連結進來，如：



當人們只是要定義目前網頁的樣式，可使用嵌入的樣式表。嵌入的樣式表是一種級聯樣式表，「嵌入」在網頁的 標記符內。嵌入的樣式表中的樣式只能在同一網頁上使用。 如：



使用內嵌樣式以套用級聯樣式表屬性到網頁元素上。如：

CSS document