當前位置:軟件學(xué)堂 > 資訊首頁 > 網(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  樣式