CSS是層疊樣式表的簡稱,是用來定義HTML頁面中各個元素的樣式的語言。CSS樣式的編寫有兩種方式,一種是內聯樣式表,一種是外部樣式表。這篇文章主要介紹如何把CSS樣式分開寫。
// 將CSS樣式寫在HTML文檔頭部的style標簽中 <head> <style> h1 { color: red; font-size: 36px; } p { color: blue; font-size: 24px; } </style> </head>
上述代碼是在HTML文檔頭部的style標簽中直接編寫CSS樣式,這種寫法稱為內嵌樣式表,適合用來定義單個頁面的樣式。
// 將CSS樣式寫在外部樣式表文件中 // index.html <head> <link rel="stylesheet" href="styles.css"> </head> // styles.css h1 { color: red; font-size: 36px; } p { color: blue; font-size: 24px; }
上述代碼是把CSS樣式寫在外部的樣式表文件中,然后在HTML文檔頭部引用該樣式表文件。這種寫法稱為外部樣式表,適合用來定義多個頁面公用的樣式。
通過以上兩種方式,我們可以很好地將CSS樣式分開寫,使得代碼更為簡潔明了,易于維護。
下一篇css怎么加多選框