溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要講解了“css樣式的類型有哪些”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“css樣式的類型有哪些”吧！
CSS樣式有三種類型：1、行內樣式（內嵌樣式），使用style屬性直接把CSS代碼添加到HTML的標記中；2、內部樣式（內聯樣式），把css樣式寫在style標簽中；3、外部樣式（外聯樣式），將css樣式寫在一個單獨的“.css”文件內。
本教程操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。
CSS樣式主要包含以下三種類型：
1、行內樣式（內嵌樣式）：結構的內部，即寫在標簽內的樣式；寫在標簽的開始部分內部，style屬性當中。
例：
<標記 style="樣式的屬性名1：樣式的屬性值1；屬性名2：屬性值2；......"></標記>
優點:
沒有了樣式表文件，在某些時候可以提升效率;
使用 style 屬性的樣式效果會最強，會覆蓋掉其他引入方式的相同樣式效果。
缺點:
多個元素難以共享樣式，不利于代碼復用;
HTML 和 CSS 代碼混雜，不利于程序員和搜索引擎閱讀。
2、內部樣式（內聯樣式）：寫在HTML頁面內部，存放于head標記當中，樣式寫在style標記內。
例：
<style>選擇器 {屬性名：屬性值；屬性名：屬性值；......}</style>優點：跟行間樣式表相同不會產生額外的請求，且它初步實現了結構與樣式的分離，比較適合單頁面網站應用。
缺點：由于內部樣式表是寫在 HTML 文件中的，導致頁面不純凈、文件體積大、不利于網絡爬蟲獲取信息、不利于維護、頁面之間無法共享樣式
3、外部樣式（外聯樣式）：寫在css文件內。
然后在頁面中通過<link>鏈接標記鏈接到頁面中，而且該鏈接語句必須放在頁面的<head>標記區。
例：
<link type="text/css" rel="stylesheet" href="css/main.css" />
優點：
實現了結構與表現的代碼完全分離
方便復用及維護
因為分離到各自獨立的文件中，讓 HTML 文件大小大幅減少了，從而讓頁面結構更容易被程序員和網絡爬蟲讀懂
對搜索引擎友好，讓搜索引擎給頁面評分更高，有利于頁面搜索引擎排名
外部樣式表在用戶首次訪問后就被緩存到用戶電腦上，下次訪問無需加載
缺點：
如果樣式很多，CSS 文件會變的很大查找起來不方便。此外，多一個 CSS 文件就多一次 HTTP 請求，在訪問量大的網站中會加重服務器壓力
感謝各位的閱讀，以上就是“css樣式的類型有哪些”的內容了，經過本文的學習后，相信大家對css樣式的類型有哪些這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
