一.CSS基本介紹
級聯樣式表(Cascading Style Sheet)簡稱“CSS”,通常又稱為“風格樣式表(Style Sheet)”,它是用來進行網頁風格設計的。比如,如果想讓鏈接字未點擊時是藍色的,當鼠標移上去后字變成紅色的且有下劃線,這就是一種風格。通過設立樣式表,可以統一地控制HTML中各標志的顯示屬性。級聯樣式表可以使人更能有效地控制網頁外觀。使用級聯樣式表,可以擴充精確指定網頁元素位置,外觀以及創建特殊效果的能力。
CSS是英語CascadingStyle Sheets(層疊樣式表單)的縮寫,它是一種用來表現HTML或XML等文件樣式的計算機語言。CSS目前最新版本為CSS3,是能夠真正做到網頁表現與內容分離的一種樣式設計語言。相對于傳統HTML的表現而言,CSS能夠對網頁中的對象的位置排版進行像素級的精確控制,支持幾乎所有的字體字號樣式,擁有對網頁對象和模型樣式編輯的能力,并能夠進行初步交互設計,是目前基于文本展示最優秀的表現設計語言。CSS能夠根據不同使用者的理解能力,簡化或者優化寫法,針對各類人群,有較強的易讀性。
二.CSS的使用方法
有三種方法可以在站點網頁上使用樣式表:
外部樣式:將網頁鏈接到外部樣式表。
內頁樣式:在網頁上創建嵌入的樣式表。
行內樣式:應用內嵌樣式到各個網頁元素。
每一種方法均有其優缺點:
當要在站點上所有或部分網頁上一致地應用相同樣式時,可使用外部樣式表。在一個或多個外部樣式表中定義樣式,并將它們鏈接到所有網頁,便能確保所有網頁外觀的一致性。如果人們決定更改樣式,只需在外部樣式表中修改一次,而該更改會反映到所有與該樣式表相鏈接的網頁上。通常外部樣式表以 .css 做為文件擴展名,例如牛腩新聞發布系統中的公共樣式Common.css。然后在需要此樣式的頁面中將其鏈接進來,如:
<link href="/css/Common.css"rel="stylesheet" type="text/css"/>
當人們只是要定義當前網頁的樣式,可使用嵌入的樣式表。嵌入的樣式表是一種級聯樣式表,“嵌”在網頁的 <HEAD>標記符內。嵌入的樣式表中的樣式只能在同一網頁上使用。 如:
<style type="text/css"><!– /* 把聲明的樣式包含在一個html注釋中,這樣可以解決較老的瀏覽器不識別style的問題 */
body {background:grey;}
</style>
使用內嵌樣式以應用級聯樣式表屬性到網頁元素上。如:
<pstyle="@importurl(‘style3.css’);">CSS document</p>
<!– 不能在style屬性中使用@import –>
如果網頁鏈接到外部樣式表,為網頁所創建的內嵌的或嵌入式樣式將擴充或覆蓋外部樣式表中的指定屬性。
新聞熱點
疑難解答