CSS樣式表是層疊樣式表( Cascading Style Sheet)的縮寫,主要用于控制網頁的樣式,如字體、顏色、間距、背景圖片等等。在網頁中使用CSS樣式表可以使網頁結構更加清晰,且易于維護,網頁設計也更加美觀。
下面是一個簡單的CSS樣式表的例子:
/* 定義 body 的字體和顏色 */ body { font-family: Arial, sans-serif; color: #333; } /* 定義 h1 標題的字體、顏色和對齊方式 */ h1 { font-family: Georgia, serif; color: #f00; text-align: center; } /* 定義鏈接的字體和顏色 */ a { font-family: Verdana, sans-serif; color: #00f; text-decoration: none; } /* 定義表格的邊框、背景顏色和間距 */ table { border-collapse: collapse; background-color: #eee; border: 1px solid #ccc; padding: 10px; } /* 定義表格中單元格的邊框和對齊方式 */ td { border: 1px solid #ccc; text-align: center; }
在上面的例子中,我們定義了頁面元素的屬性,例如 body、h1、a、table 和 td 等等。可以看到,定義的CSS樣式表具有層疊性,同一個元素可以有多個樣式定義,只需要優先級相應即可。
在實際的網頁制作中,我們通常會將CSS樣式表寫在單獨的文件中,可以使用 link 標簽引入。例如,我們可以在HTML文件的
標簽中添加以下代碼:<link rel="stylesheet" type="text/css" href="mystyle.css">
上面的代碼中,我們將CSS樣式表文件 mystyle.css 引入到HTML文件中,這樣我們就可以使用CSS樣式表中定義的樣式。
在編寫CSS樣式表時,我們也可以使用一些編寫工具或框架,例如Bootstrap、jQuery UI 等等,簡化我們的開發工作,提高開發效率。
上一篇css樣式被刪除后