CSS是壹種標記語言,不需要編譯就可以由瀏覽器直接執行(屬於瀏覽器解釋語言),是級聯樣式表的簡稱。在標準的網頁設計中,CSS負責網頁內容的呈現(XHTML),與Div(或表格)組織的頁面結構壹起,實現壹個完整的網頁布局。通過對CSS標記語言的學習,妳可以輕松實現頁面的豐富表達。CSS的應用,其實就是把素描點綴成油畫的過程。
在樣式調用過程中,最接近目標的樣式定義具有較高的優先級。高優先級樣式將繼承低優先級樣式的非重疊定義,但覆蓋重疊定義。
這四種解決方案是:
1,內嵌樣式;
2、定義嵌入樣式塊;
3.鏈接到樣式表。
4.樣式表的聯合使用(@import導入功能)。
1,內嵌樣式。
內聯定義,即直接使用style屬性在對象的標簽中定義樣式,是最簡單的樣式調用方法,可以巧妙地將樣式應用於每個標簽對象,使用簡單,顯示直觀。但不能充分發揮樣式表“呈現與內容分離”的優勢,所以在設計過程中不常用。
舉個簡單的例子:對同壹個P標簽屬性應用不同的樣式。
字體顯示為紅色,12像素。
字體顯示為藍色12像素。
如果要換顏色,就得分開換。也許妳會說只有兩個,分開修改也不會花太多時間。那麽對於大型網站來說,無數的P標簽可以壹個壹個手動修改嗎?
總結:這種方法適用於句子的定語。
2、定義嵌入壹個樣式塊。
也就是在HTML文檔中
在和標記之間插入塊對象。
head & gt
style type="text/css " >
!–樣式表的具體內容–>
/style & gt;
/head & gt;
style的type屬性設置為“text/css”,允許不支持此類型的瀏覽器忽略樣式表單,幫助此類瀏覽器過濾掉css代碼,避免在瀏覽器中將此樣式表直接顯示為源代碼。
摘要:這個方法適用於修改頁面的屬性。
3.鏈接到樣式表。
首先,壹個單獨的外部樣式表文件(後綴。css)應該是成立的,然後也是在HTML文檔裏。
按照以下格式在和標記之間插入壹個link對象:
head & gt
link rel="stylesheet" href="*。css" type="text/css " >
/head & gt;
總結:這個方法適用於整個屬性,所以我就用這個方法。嘿嘿。
4.樣式表的聯合使用(@import導入功能)
使用@import組合樣式表的方法和鏈接外部樣式表的方法是壹樣的,也是在HTML文檔中。
並插入標記和標誌之間;但這種方法可以鏈接外部樣式表,根據本頁面的具體情況制定其他頁面不需要的樣式規則,更有優勢。格式如下:
head & gt
style type="text/css " >
& lt!–
@import "*。css "
其他樣式表的聲明
–& gt;
/style & gt;
/head & gt;
應該指出的是:
聯合輸入樣式表必須以@import開頭,以“;”結尾結束;
如果同時錄入的多個樣式表有沖突,按照先錄入的樣式表有效處理;
如果輸入樣式表與網頁中的樣式(內嵌定義)規則沖突,則使用外部樣式表。