溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下頁面中使用css的形式有哪些，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
三種形式：1、在標簽的style屬性中寫入樣式，語法“<element style="代碼">”；2、在style標簽對中寫入樣式，語法“<style>代碼</style>”；3、將css代碼放入“.css”文件中，使用link標簽引入。
本教程操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。
1、行內式
是通過標簽的style屬性來設置元素的樣式，其基本語法格式如下：
<element style="屬性:值;屬性:值;...">內容</element>
語法中style是標簽的屬性，實際上任何HTML標簽都擁有style屬性，用來設置行內式，其中屬性值的書寫規范與css樣式規則相同，行內式對其所有的標簽及嵌套在其中的子標簽起作用。
2、內部樣式表
內嵌式是將css代碼集中寫在HTML文檔的head頭部標簽中，并且用style標簽定義，其基本語法格式如下：
<head>
<style type="text/css">
css選擇器{
屬性:值;
屬性:值;
}
</style>
</head>語法中，style標簽一般位于head標簽之后，也可以把它放在HTML文檔中的任何地方。
3、外鏈式
鏈入式是將所有的樣式放在一個或多個以CSS為擴展名的外部樣式表文件中，通過link標簽將外部樣式鏈接到HTML文檔中，其基本語法格式如下：
<link rel="stylesheet" type="text/css" href="css文件路徑" />
| 屬性 | 說明 |
|---|---|
| rel | 定義當前文檔與別鏈接文檔之間的關系，"stylesheet"表示：被鏈接的文檔是一個樣式表文件 |
| href | 定義所鏈接的外部樣式表文件的URL，可以是相對路徑，也可以是絕對路徑 |
優點：
實現了結構與表現的代碼完全分離
方便復用及維護
因為分離到各自獨立的文件中，讓 HTML 文件大小大幅減少了，從而讓頁面結構更容易被程序員和網絡爬蟲讀懂
對搜索引擎友好，讓搜索引擎給頁面評分更高，有利于頁面搜索引擎排名
外部樣式表在用戶首次訪問后就被緩存到用戶電腦上，下次訪問無需加載
缺點：
如果樣式很多，CSS 文件會變的很大查找起來不方便。此外，多一個 CSS 文件就多一次 HTTP 請求，在訪問量大的網站中會加重服務器壓力
以上是“頁面中使用css的形式有哪些”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
