css是Cascading Style Sheets(層疊樣式表)的縮寫,是一種用來表現(xiàn)HTML或XML等文件樣式的計算機語言;它主要用來設(shè)計網(wǎng)頁的樣式和美化網(wǎng)頁,不僅可以靜態(tài)地修飾網(wǎng)頁,還可配合各種腳本語言動態(tài)地對網(wǎng)頁各元素進行格式化。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
CSS 指的是層疊樣式表 ( Cascading Style Sheets )
-
是一種用來表現(xiàn)HTML(標準通用標記語言的一個應(yīng)用)或XML(標準通用標記語言的一個子集)等文件樣式的計算機語言
-
樣式定義如何顯示 HTML 元素
-
樣式通常存儲在樣式表中
-
把樣式添加到 HTML 4.0 中,是為了解決內(nèi)容與表現(xiàn)分離的問題
-
外部樣式表可以極大提高工作效率
-
外部樣式表通常存儲在 CSS 文件中
-
多個樣式定義可層疊為一
-
樣式對網(wǎng)頁中元素位置的排版進行像素級精確控制
CSS有助于實現(xiàn)負責任的Web設(shè)計。CSS對開發(fā)者構(gòu)建Web站點的影響很大,并且這種影響可能是無止境的。將網(wǎng)頁的大部分甚至是全部的表示信息從(X)HTML文件中移出,并將它們保留在一個樣式表中有諸多優(yōu)點,如降低文件大小、節(jié)省網(wǎng)絡(luò)帶寬以及易于維護等。此外,站點的表現(xiàn)信息和核心內(nèi)容相分離,使得站點的設(shè)計人員能夠在短暫的時間內(nèi)對整個網(wǎng)站進行各種各樣的修改。
CSS簡化了網(wǎng)頁的格式代碼,外部的樣式表還會被瀏覽器保存在緩存里,加快了下載顯示的速度,也減少了需要上傳的代碼數(shù)量(因為重復設(shè)置的格式將被只保存一次)。只要修改保存著網(wǎng)站格式的CSs樣式表文件就可以改變整個站點的風格特色,在修改頁面數(shù)量龐大的站點時,顯得格外有用。這就避免了一個個網(wǎng)頁的修改,大大減少了工作量。
CSS樣式
CSS 規(guī)則由兩個主要的部分構(gòu)成:選擇器,以及一條或多條聲明:
選擇器通常是您需要改變樣式的 HTML 元素。
每條聲明由一個屬性和一個值組成。
屬性(property)是您希望設(shè)置的樣式屬性(style attribute)。每個屬性有一個值。屬性和值被冒號分開。
例:
p {color:red;text-align:center;}
多頁面應(yīng)用同一個樣式
通常保存在外部的獨立的 .CSS 文件(該文件不屬于任何頁面文件)可以在多個頁面中使用同一個 CSS 樣式表。通過在任何的頁面文件中引用 .CSS 文件,你可以設(shè)置具有一致風格的多個頁面。
樣式層疊
樣式層疊就是對一個元素多次設(shè)置同一個樣式,這將使用最后一次設(shè)置的屬性值。
樣式層疊次序
當同一個 HTML 元素定義了多個樣式時,應(yīng)該使用哪個樣式?
一般而言,所有的樣式會根據(jù)下面的規(guī)則層疊于一個新的虛擬樣式表中,其中數(shù)字 4 擁有最高的優(yōu)先權(quán)。
-
瀏覽器缺省設(shè)置
-
外部樣式表
-
內(nèi)部樣式表(位于 <head> 標簽內(nèi)部)
-
內(nèi)聯(lián)樣式(在 HTML 元素內(nèi)部)
因此,內(nèi)聯(lián)樣式(在 HTML 元素內(nèi)部)擁有最高的優(yōu)先權(quán),這意味著它將優(yōu)先于以下的樣式聲明: 標簽中的樣式聲明,外部樣式表中的樣式聲明,或者瀏覽器中的樣式聲明(缺省值)。
(學習視頻分享:css視頻教程)