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