溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細講解有關css樣式表可以放置的位置有哪些，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
css樣式表可以放的位置：1、利用style屬性放在單個HTML元素標簽上，語法“<元素 style="樣式">”；2、放在style標簽對中，語法“<style>樣式</style>”；3、放在擴展名為“.css”的外部文本文件中。
本教程操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。
css樣式表可以放置的位置：
1、放在HTML標簽上
使用style屬性直接加在單個的HTML元素標簽上，控制HTML標簽的表現樣式。
這種引入CSS的方式是分散靈活方便，但缺乏整體性和規劃性，不利于后期的修改和維護，當需要修改網站的樣式時，一個相同的修改可能涉及多個地方，維護成本高。使用STYLE屬性的樣式效果最強，會覆蓋掉其它幾種引入方式的相同樣式效果。
<div style="color:red"></div>
2、放在<style>標簽對中
將樣式代碼寫在頁面<style>...</style>標簽之中
<head>
<style>
bdoy{font-size:14px;}
</style>
</head><style>標簽結構可以位于頁面<HTML>標簽中的任何位置，也可以多次出現。通常是將整個<style>...</style>結構寫在頁面的<head>部分中。這種引入CSS方式的特點是每個頁面的CSS代碼可能具有統一性和規劃性，一個頁面內部便于復用和維護，但多個頁面之間的CSS代碼復用仍然不夠。
3、放在外部.CSS文件中
如果 CSS 樣式被放置在網頁文檔外部的文件中，則稱為外部樣式表，一個 CSS 樣式表文檔就表示一個外部樣式表。
實際上，外部樣式表也就是一個文本文件，擴展名為.css。當把CSS樣式代碼復制到一個文本文件中后，另存為.css文件，則它就是一個外部樣式表。如下圖：
外部樣式表必須導入到網頁文檔中，才能夠被瀏覽器識別和解析。外部樣式表文件可以通過“<link>”標簽或“@import”規則兩種方法導入到 HTML 文檔中
關于“css樣式表可以放置的位置有哪些”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
