文檔CSS是一種非常重要的技術,可以讓網頁更加美觀、易讀、易用。在HTML中,CSS有四種方式來使用:
內部CSS:在HTML文檔中使用<style>標簽來定義CSS。樣式將在HTML文檔的頭部中定義,并應用于文檔中的所有元素。
<html> <head> <style> p { color: red; } h1 { font-size: 24px; } </style> </head> <body> <h1>Hello World</h1> <p>This is a paragraph.</p> </body> </html>
外部CSS:通過鏈接外部定義好的CSS文件,使用<link>標簽。外部文件可以緩存,使得網頁加載更快。
<html> <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <h1>Hello World</h1> <p>This is a paragraph.</p> </body> </html>
行內CSS:在HTML標簽內部使用style屬性定義CSS。行內CSS對單個元素有效,并會覆蓋內部和外部CSS。
<html> <body> <h1 style="font-size: 24px;">Hello World</h1> <p style="color: red;">This is a paragraph.</p> </body> </html>
@import:通過@import規則,將樣式表引入到文檔中。@import必須放置在<style>標簽內,并且在其他樣式規則之前使用。
<style> @import url("style.css"); h1 { font-size: 24px; } </style>
通過這四種方式使用CSS,可以為網頁提供多個樣式及設計選項。
上一篇文章h1 css
下一篇css超鏈接文字變大