現(xiàn)在,在Web開發(fā)中使用CSS是必不可少的。CSS是一種用于定義網(wǎng)頁樣式和布局的語言,它使得我們可以輕易地改變網(wǎng)頁外觀和格式,而不需要改變HTML代碼。
HTML和CSS是分別不同的文檔類型。HTML文檔描述了頁面的內(nèi)容和結(jié)構(gòu),而CSS文檔描述了頁面的樣式。因此,為了在HTML文檔中使用CSS文檔定義的樣式,我們需要通過HTML文檔引入CSS文檔。
CSS可以被存儲在一個文件中,然后通過HTML文檔中的鏈接引用。為了從HTML文檔中引入CSS文件,需要使用<link> 標記。該標記必須放在 HTML 文件的頭部。這是一個示例:
<!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <h1>這是頭部</h1> <p>這是主要內(nèi)容</p> <p>這是另一個段落</p> </body> </html>
在上面的例子中,我們在 <head> 元素中使用了一個 <link> 元素來引用名為 style.css 的CSS文件。CSS文件必須在HTML文件的同一目錄下。
如果您需要寫內(nèi)聯(lián)CSS代碼,可以在HTML文件中使用 <style> 標記。該標記必須放在 <head> 元素內(nèi)。
<!DOCTYPE html> <html> <head> <title>內(nèi)聯(lián) CSS</title> <style> p { color: red; font-size: 18px; } </style> </head> <body> <p>Hello World!</p> </body> </html>
在這個例子中,我們可以看到我們定義了一個內(nèi)聯(lián)的CSS規(guī)則,該規(guī)則將所有的 <p> 元素的顏色設(shè)置為紅色,并將字體大小設(shè)置為18。在這個例子中,CSS代碼被包含在 <style> 標記中。
這就是如何在HTML中引用CSS。借助CSS,你可以控制你的網(wǎng)頁的外觀和格式,使得它們更具吸引力和易讀性。