頁面引用CSS樣式方法匯總
當前位置:點晴教程→知識管理交流
→『 技術文檔交流 』
[p]在閱讀本文之前,首先需要聲明是寫給css初學者和不了解css的朋友學習的,如果你已經是一個高手,那么你就無需在這里浪費時間了。[/p]
[p]css是一種標記語言,它不需要編譯,可以直接由瀏覽器執行(屬于瀏覽器解釋型語言),是cascading style sheets(層疊樣式表)的簡稱。在標準網頁設計中,css負責網頁內容(xhtml)的表現,跟div(或table)組織的頁面結構一起實現一個完整的網頁布局。通過對css標記語言的學習,可以輕松地實現頁面的豐富表現。css的運用其實就是一個把素描點綴成油畫的過程。[/p] [p]如何把樣式運用到頁面中去呢?有四種方式可以幫助我們解決這個問題。在樣式調用過程中,最接近目標的樣式定義優先權越高。高優先權樣式將繼承低優先權樣式的未重疊定義但覆蓋重疊的定義。[/p] [p]四種解決方法分別是:[b]1,[/b]內聯定義 (inline styles) ;[b]2,[/b]定義內部樣式塊對象 (embedding a style block) ;[b]3,[/b]鏈入外部樣式表文件 (linking to a style sheet)[/p] [p]1,內聯定義 (inline styles) ;[b]4、[/b]聯合使用樣式表(@import 導入函數)。下面詳細說明:[/p] [p][/p] [p][b]1,內聯定義 (inline styles)[/b][/p] [p]內聯定義也就是在對象的標記內直接使用style屬性定義樣式,是最簡單的樣式調用方法,可靈巧地把樣式應用到各標簽對象中,使用簡單、顯示直觀。但無法完全發揮出樣式表“表現與內容分離”的優勢,所以在設計過程中并不常用。[/p] [p]舉個簡單的例子說明:對于同樣的p標簽屬性應用不同的樣式[/p] [p] 顯示為紅色12像素的字體 [/p] 顯示為藍色12像素的字體 [/p] [p]< head>[br]< style type=”text/css”>[br]< !– 樣式表的具體內容 –>[br]< /style>[br]< /head>[/p] [p]style的type屬性設置為”text/css”,是允許不支持這類型的瀏覽器忽略樣式表單,幫助這類瀏覽器過濾掉css代碼,避免在瀏覽器里直接以源代碼的方式顯示這個樣式表。[/p] [p][b]3,鏈入外部樣式表文件 (linking to a style sheet)[/b][/p] [p]首先,要建立單獨的外部樣式表文件(后綴名為.css),然后也是在html文檔的和標記之間插入link對象,格式如下:[/p] [p]< head>[br]< link rel=”stylesheet” href=”*.css” type=”text/css” >[br]< /head>[/p] [p][b]4、聯合使用樣式表(@import 導入函數)[/b][/p] [p]使用@import聯合樣式表的方法和鏈接外部樣式表的方法一致,也是在html文檔的和標記之間插入;但這種方式可以在鏈接外部樣式表的同時,針對該網頁的具體情況,做出別的網頁不需要的樣式規則,更有優勢。格式如下:[/p] [p]< head>[br]< style type=”text/css”>[br]< !–[br]@import “*.css”[br]其他樣式表的聲明[br]–>[br]< /style>[br]< /head>[/p] [p]需要注意的是:[/p] [p]·聯合法輸入樣式表必須以@import開頭,結尾”;”結束;[/p] [p]·如果同時輸入的多個樣式表產生沖突時,則按照第一個輸入的樣式表有效處理;[/p] [p]·如果輸入的樣式表和網頁中的樣式(內聯定義)規則產生沖突時,則使用外部的樣式表。[/p] 該文章在 2010/4/27 2:51:51 編輯過 |
關鍵字查詢
相關文章
正在查詢... |