在HTML中,CSS 通常都是放在一個單獨的文件中,并通過鏈接到 HTML 頁面進行引用。然而,也可以在 HTML 頁面中直接寫入 CSS 代碼,以便更快地修改網頁樣式。
<!DOCTYPE html> <html> <head> <title>直接在 HTML 中寫入 CSS</title> </head> <body> <h1 style="color: red;">這是一個標題</h1> <p style="font-size: 24px; font-style: italic;">這是一個段落</p> </body> </html>
如上所示,可以在標簽上使用style
屬性來直接寫入 CSS 代碼。需要注意的是,這種方式只適用于小型項目或對性能要求不高的項目。對于大型和高性能要求的項目,建議使用單獨的 CSS 文件。
除了使用style
屬性之外,還可以使用style
標簽來寫入 CSS 代碼。如下所示:
<!DOCTYPE html> <html> <head> <title>直接在 HTML 中寫入 CSS</title> <style> h1 { color: red; } p { font-size: 24px; font-style: italic; } </style> </head> <body> <h1>這是一個標題</h1> <p>這是一個段落</p> </body> </html>
以上是在 HTML 中直接寫入 CSS 代碼的兩種方式,無論是哪種方式,都可以在開發小型網頁時提高開發效率和修改樣式的速度。
下一篇html4代碼庫