外聯(lián)的CSS怎么寫(xiě)?
外聯(lián)的CSS是指通過(guò)鏈接外部CSS文件來(lái)定義網(wǎng)頁(yè)的樣式,在HTML文件中,我們可以使用<link>
標(biāo)簽來(lái)引入外部CSS文件,下面是一個(gè)簡(jiǎn)單的示例:
<!DOCTYPE html> <html> <head> <title>我的網(wǎng)頁(yè)</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <h1>歡迎來(lái)到我的網(wǎng)頁(yè)!</h1> <p>這是一個(gè)簡(jiǎn)單的示例,展示如何引入外部CSS文件來(lái)定義網(wǎng)頁(yè)的樣式。</p> </body> </html>
在上面的示例中,<link>
標(biāo)簽用于引入外部CSS文件style.css
。rel
屬性指定了鏈接的關(guān)系為stylesheet
,type
屬性指定了鏈接的媒體類型為text/css
,href
屬性指定了鏈接的URL為style.css
。
在style.css
文件中,我們可以定義網(wǎng)頁(yè)的樣式。
body { font-family: Arial, sans-serif; color: #333; background-color: #f0f0f0; } h1 { font-size: 2em; color: #000; }
在上面的示例中,body
和h1
選擇器分別定義了網(wǎng)頁(yè)主體和一級(jí)標(biāo)題的樣式。font-family
屬性指定了字體為Arial,color
屬性指定了文本顏色為#333,background-color
屬性指定了背景顏色為#f0f0f0,對(duì)于h1
選擇器,font-size
屬性指定了一級(jí)標(biāo)題的字體大小為2em,顏色為#000。
通過(guò)引入外部CSS文件,我們可以輕松地定義整個(gè)網(wǎng)站的樣式,提高網(wǎng)站的可維護(hù)性和可擴(kuò)展性,我們還可以利用CSS的層疊、繼承等特性來(lái)實(shí)現(xiàn)更加復(fù)雜的樣式效果。