三種方式為:1、行內樣式表,使用style屬性直接把CSS代碼添加到HTML的標記中。2、內部樣式表,把css樣式寫在“<head>”標簽中,并用“<style>”標簽去聲明。3、外部樣式表,將css樣式寫在一個單獨的“.css”文件中。
本文操作環境:宏基S40-51、HBuilderX.3.0.5&&css3版、Windows10家庭中文版
(學習視頻分享:css視頻教程)
css樣式表有三種方式:
行內樣式表
內部樣式表
外部樣式表
行內樣式表
行內樣式就是使用style屬性直接把CSS代碼添加到HTML的標記中,即作為HTML標記的屬性標記存在。
例:
<h2style="color:red;">style屬性的應用</h2>
通過這種方法,可以很簡單地對某個元素單獨定義樣式。
實例:
行內樣式表的優缺點:
優點:
沒有了樣式表文件,在某些時候可以提升效率;
使用 style 屬性的樣式效果會最強,會覆蓋掉其他引入方式的相同樣式效果。
缺點:
多個元素難以共享樣式,不利于代碼復用;
HTML 和 CSS 代碼混雜,不利于程序員和搜索引擎閱讀。
內部樣式表
內部樣式表是把css樣式寫在<head>標簽中,并用<style>標簽去聲明
實例:
內部樣式表的優缺點
優點:跟行間樣式表相同不會產生額外的請求,且它初步實現了結構與樣式的分離,比較適合單頁面網站應用。
缺點:由于內部樣式表是寫在 HTML 文件中的,導致頁面不純凈、文件體積大、不利于網絡爬蟲獲取信息、不利于維護、頁面之間無法共享樣式
外部樣式表
如果 CSS 樣式被放置在網頁文檔外部的文件中,則稱為外部樣式表,一個 CSS 樣式表文檔就表示一個外部樣式表。
實際上,外部樣式表也就是一個文本文件,擴展名為.css。當把CSS樣式代碼復制到一個文本文件中后,另存為.css文件,則它就是一個外部樣式表。
如下圖所示就是一個外部樣式表:
引入外部樣式表的方式:
HTML文件引用擴展名為.css的樣式表,有兩種方式:鏈接式、導入式。
1、CSS鏈接樣式
鏈接樣式是指在外部定義CSS樣式表并形成以.CSS為擴展名文件,然后在頁面中通過<link>鏈接標記鏈接到頁面中,而且該鏈接語句必須放在頁面的<head>標記區。
語法:
<linktype="text/css"rel="styleSheet"href="CSS文件路徑"/>
2、CSS導入式
導入式是通過@import在<style>標簽中進行聲明的
語法:
<styletype="text/css">@importurl("css文件路徑");</style>簡單實例:
外部樣式表的優缺點
優點:
實現了結構與表現的代碼完全分離
方便復用及維護
因為分離到各自獨立的文件中,讓 HTML 文件大小大幅減少了,從而讓頁面結構更容易被程序員和網絡爬蟲讀懂
對搜索引擎友好,讓搜索引擎給頁面評分更高,有利于頁面搜索引擎排名
外部樣式表在用戶首次訪問后就被緩存到用戶電腦上,下次訪問無需加載
缺點:
如果樣式很多,CSS 文件會變的很大查找起來不方便。此外,多一個 CSS 文件就多一次 HTTP 請求,在訪問量大的網站中會加重服務器壓力
感謝各位的閱讀!關于“css樣式表有哪三種方式”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
本文由 貴州做網站公司 整理發布，部分圖文來源于互聯網，如有侵權，請聯系我們刪除，謝謝！
c語言中正確的字符常量是用一對單引號將一個字符括起表示合法的字符常量。例如‘a’。數值包括整型、浮點型。整型可用十進制，八進制，十六進制。八進制前面要加0，后面...
2022年天津專場考試原定于3月19日舉行，受疫情影響確定延期，但目前延期后的考試時間推遲。 符合報名條件的考生，須在規定時間登錄招考資訊網(www.zha...
：喜歡聽，樂意看。指很受歡迎?！巴卣官Y料”喜聞樂見：[ xǐ wén lè jiàn ]詳細解釋1. 【解釋】：喜歡聽，樂意看。指很受歡迎。2. 【示例】：這是...
把錢換成什么東西保值?錢拿來投資什么才保值?錢要保值投資什么好?一起了解下!經壢了疫情之后,錢在當今的環境下變得越來越不值錢,為了能讓錢能長久保值,只有換成能保值的商品,把錢換成什么東西保值?一說起保值的問題,首先想到的自然就是黃金,然后就是房子了。不過對于目前情況來說,大部分人還是會優先選擇房子。接下來就讓小編來介紹一下選擇把錢換成這些的保值原因。1、購買房子或者商鋪:就目前來說,房子肯定是剛需...
(相關資料圖)在生活中，很多人都不知道循環小數的概念是法則的是什么意思，其實他的意思是非常簡單的，下面就是小編搜索到的循環小數的概念是法則的相關的一些知識，我們一起來學習下吧！循環小數，是從小數部分的某一位起，一個數字或幾個數字，依次不斷地重復出現的小數。在數的分類中，循環小數屬于有理數。兩數相除，如果得不到整數商，會有兩種情況：一種，得到有限小數。一種，得到無限小數。從小數點后某一位開始依次不斷...
地量是什么意思?地量是股票的成交量處于較低的水平，判斷放量與縮量則看k線圖的紅綠色柱子，通過換手率，過量比還有成交量指標來看。地量在股票之中就是相對成交比較低的一種狀態，也是一種對比值，是相對于高位的天量來說，一旦是成交量到達頂端成交量的20%，也就進入到了地量的狀態。在一定的情況之下，股票的成交量出現明顯的下跌也就證明了不夠活躍，成交持續下跌，最終就會進入到地量狀態。漲停之后，買出單減少買入單增...
免責聲明：本站內容部分文字和圖片來源于網絡，版權屬于原作者所有，若有冒犯，請聯系我們進行刪除，謝謝。聯系郵箱：1051388971#qq.com （把#換成@）