站長(zhǎng)資訊網(wǎng)
css樣式表可以放的位置：1、利用style屬性放在單個(gè)HTML元素標(biāo)簽上，語(yǔ)法“<元素 style="樣式">”；2、放在style標(biāo)簽對(duì)中，語(yǔ)法“<style>樣式</style>”；3、放在擴(kuò)展名為“.css”的外部文本文件中。
本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
css樣式表可以放置的位置：
1、放在HTML標(biāo)簽上
使用style屬性直接加在單個(gè)的HTML元素標(biāo)簽上，控制HTML標(biāo)簽的表現(xiàn)樣式。
這種引入CSS的方式是分散靈活方便，但缺乏整體性和規(guī)劃性，不利于后期的修改和維護(hù)，當(dāng)需要修改網(wǎng)站的樣式時(shí)，一個(gè)相同的修改可能涉及多個(gè)地方，維護(hù)成本高。使用STYLE屬性的樣式效果最強(qiáng)，會(huì)覆蓋掉其它幾種引入方式的相同樣式效果。
<div style="color:red"></div>
2、放在<style>標(biāo)簽對(duì)中
將樣式代碼寫在頁(yè)面<style>...</style>標(biāo)簽之中
<head> <style> bdoy{font-size:14px;} </style> </head>
<style>標(biāo)簽結(jié)構(gòu)可以位于頁(yè)面<HTML>標(biāo)簽中的任何位置，也可以多次出現(xiàn)。通常是將整個(gè)<style>...</style>結(jié)構(gòu)寫在頁(yè)面的<head>部分中。這種引入CSS方式的特點(diǎn)是每個(gè)頁(yè)面的CSS代碼可能具有統(tǒng)一性和規(guī)劃性，一個(gè)頁(yè)面內(nèi)部便于復(fù)用和維護(hù)，但多個(gè)頁(yè)面之間的CSS代碼復(fù)用仍然不夠。
3、放在外部.CSS文件中
如果 CSS 樣式被放置在網(wǎng)頁(yè)文檔外部的文件中，則稱為外部樣式表，一個(gè) CSS 樣式表文檔就表示一個(gè)外部樣式表。
實(shí)際上，外部樣式表也就是一個(gè)文本文件，擴(kuò)展名為.css。當(dāng)把CSS樣式代碼復(fù)制到一個(gè)文本文件中后，另存為.css文件，則它就是一個(gè)外部樣式表。如下圖：
外部樣式表必須導(dǎo)入到網(wǎng)頁(yè)文檔中，才能夠被瀏覽器識(shí)別和解析。外部樣式表文件可以通過“<link>”標(biāo)簽或“@import”規(guī)則兩種方法導(dǎo)入到 HTML 文檔中，具體實(shí)現(xiàn)可參考文章《css如何引入外部樣式表》。
（學(xué)習(xí)視頻分享：css視頻教程）
