當前位置：軟件學堂 > 資訊首頁 > 網(wǎng)絡(luò)編程 > DIV+CSS > 鏈接外部CSS樣式

鏈接外部CSS樣式

2012/11/23 16:39:55作者：佚名來源：網(wǎng)絡(luò)

移動端

【實例介紹】

鏈接外部CSS樣式

鏈接外部css樣式表的方法是在<head>內(nèi)使用<link>標記符。若已有若干css外部文件，則在HTML文檔中用下列代碼即可將CSS文檔引入，然后在<body>部分直接使用CSS中的定義。這種方法最適合大型網(wǎng)站的CSS樣式定義。

【基本語法】

<link  type="text/css"  rel="stylesheet"  href="外部樣式表的文件名稱">

【語法介紹】

(1)href的值指定CSS文檔所在的位置，即URL。
(2)可選的TYPE屬性用于指定媒體類型，目前支持teXt/css和text/jaVaScrit這兩種類型，它允許瀏覽器忽略它們不支持的樣式類型，讓CSS的使用更安全。

【實例代碼】

<head>
···
<link  rel=stylesheet  type=text/css  href=slstyle.css>
···
</head>

【代碼分析】

上面這個例子表示瀏覽器從slstyle．cSs文件中以文檔格式讀出定義的樣式表。rel=stylesheet是指在頁面中使用外部的樣式表，type=text/css是指文件的類型是樣式表文件，href=slstyle.css是文件所在的位置。

標簽： 鏈接外部  CSS  樣式