引入方法:1、使用style標(biāo)簽引入,語法“<style>css代碼</style> ”;2、使用link引入,語法“<link rel="stylesheet" type="text/css" href="css文件路徑" />”。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
在head區(qū)域引入css有兩種方法:
-
內(nèi)部樣式表–用style標(biāo)簽定義
-
外部樣式表–用link標(biāo)簽引入
1、內(nèi)部樣式表–用style標(biāo)簽定義
將css代碼集中寫在HTML文檔的head頭部標(biāo)簽中,并且用style標(biāo)簽定義,其基本語法格式如下:
<head> <style type="text/css"> css代碼 </style> </head>
語法中,style標(biāo)簽一般位于head標(biāo)簽之后,也可以把它放在HTML文檔中的任何地方。
css代碼的一般格式:
css選擇器{ 屬性:值; 屬性:值; ..... }
2、外部樣式表–用link標(biāo)簽引入
將所有的樣式放在一個(gè)或多個(gè)以CSS為擴(kuò)展名的外部樣式表文件中,通過link標(biāo)簽將外部樣式鏈接到HTML文檔中,其基本語法格式如下:
<link rel="stylesheet" type="text/css" href="css文件路徑" />
-
rel屬性:定義當(dāng)前文檔與別鏈接文檔之間的關(guān)系,"stylesheet"表示:被鏈接的文檔是一個(gè)樣式表文件
-
href屬性:定義所鏈接的外部樣式表文件的URL,可以是相對路徑,也可以是絕對路徑
(學(xué)習(xí)視頻分享:css視頻教程、html視頻教程)