CSS(層疊樣式表)是一種用于網頁設計的語言,通過它可以使網頁的表現更加多樣化、美觀、易于修改和維護。在CSS中,規則是最基礎、最重要的概念,由選擇器和聲明兩部分組成,顧名思義,選擇器用于選擇需要應用樣式的元素,而聲明則是定義應用的樣式。規則的三種類型如下:
1.行內樣式
行內樣式就是將CSS樣式直接寫在HTML的標簽中,格式如下:
<標簽名 style="屬性名1:屬性值1; 屬性名2:屬性值2; ...">內容</標簽名>
行內樣式的優點是方便快捷,但缺點也很明顯,不但難以維護和拓展,而且容易造成樣式沖突和不易維護的代碼。
2.內部樣式
內部樣式也叫嵌入式樣式,是直接寫在HTML文檔頭部的樣式表中,格式如下:
<head> <style type="text/css"> 選擇器1{ 屬性名1:屬性值1; 屬性名2:屬性值2; } 選擇器2{ 屬性名1:屬性值1; 屬性名2:屬性值2; } ... </style> </head>
內部樣式的優點是樣式代碼與HTML代碼盡可能的降低耦合性,同時又不需要另外的一個文件來維護,但仍然存在不能拓展的問題。
3.外部樣式
外部樣式就是將CSS樣式寫在一個外部文件中,然后在HTML文檔中通過鏈接使用它,格式如下:
<head> <link rel="stylesheet" type="text/css" href="css文件的路徑"> </head>
外部樣式的優點顯而易見,它把樣式代碼和HTML代碼完全隔離,使得網頁的結構、樣式和行為三者分離,不但增加了代碼的靈活性,而且不需要修改HTML源代碼就能對樣式進行修改和維護。
上一篇css規則定義共包括選項
下一篇css表達式怎么用