本文小編為大家詳細介紹“CSS引入樣式的方法有哪些”,內(nèi)容詳細,步驟清晰,細節(jié)處理妥當,希望這篇“CSS引入樣式的方法有哪些”文章能幫助大家解決疑惑,下面跟著小編的思路慢慢深入,一起來學習新知識吧。
網(wǎng)站的建設成都創(chuàng)新互聯(lián)公司專注網(wǎng)站定制,經(jīng)驗豐富,不做模板,主營網(wǎng)站定制開發(fā).小程序定制開發(fā),H5頁面制作!給你煥然一新的設計體驗!已為社區(qū)文化墻等企業(yè)提供專業(yè)服務。
CSS中可以通過三種方法引入樣式表:
(1)內(nèi)聯(lián)樣式
(2)嵌入式樣式
(3)外部樣式
這些CSS樣式中的每一種形式都有它們的優(yōu)點和缺點接下來將詳細的為大家介紹
內(nèi)聯(lián)樣式
特點:(1)內(nèi)聯(lián)樣式放在代碼中的HTML元素中。
(2)使用內(nèi)聯(lián)樣式時,樣式只會影響你選擇的元素。
(3)內(nèi)聯(lián)樣式?jīng)]有選擇器
示例:
此CSS內(nèi)聯(lián)樣式只能改變這個div的寬和高,它不會更改頁面上的任何div或者屬性的樣式。這是內(nèi)聯(lián)樣式的限制之一。由于它們只對特定元素進行更改,因此這不是最佳做法,內(nèi)聯(lián)樣式也具有非常高的特異性。這使得很難用其他非內(nèi)聯(lián)樣式覆蓋它們,事實上,我們很少在網(wǎng)頁上使用內(nèi)聯(lián)樣式。 嵌入樣式 特點:(1)被放置在樣式標簽 (2)編寫的樣式將僅用于您使用它的網(wǎng)頁。 (3)嵌入樣式也稱為“內(nèi)部樣式” 示例 <!DOCTYPEhtml> div{ width:100px; height:100px; border:1pxsolid#ccc; } 嵌入式樣式是嵌入在文檔頭部的樣式。嵌入式樣式僅影響它們嵌入的頁面上的標記。再次,這種方法否定了CSS的優(yōu)勢之一。由于每個頁面都有樣式,如果你想進行全站點更改,比如將鏈接顏色從紅色更改為綠色,則需要在每個頁面上進行此更改,因為每個頁面都使用嵌入式樣式表。這比內(nèi)聯(lián)樣式更好,但在許多情況下仍然存在問題。 外部樣式表 特點:(1)在單獨的文檔中編寫然后附加到各種Web文檔中 (2)修改它可以影響所有你所調(diào)用的頁面 (3)便于修改操作 示例 在demo文件下寫css樣式 如今大多數(shù)網(wǎng)站使用外部樣式表,外部樣式是在單獨的文檔中編寫然后附加到各種Web文檔的樣式。外部樣式表會影響它們所連接的任何文件,這意味著如果你有一個20頁的網(wǎng)站,每個頁面使用相同的樣式表,當需要改變的話只需編輯該樣式表即可完成這些頁面,這使得長期站點管理變得更加容易。外部樣式表的缺點是它們需要頁面來獲取和加載這些外部文件。并非每個頁面都會使用CSS表格中的每個樣式,因此許多頁面將加載比實際需要的頁面大得多的CSS頁面。 讀到這里,這篇“CSS引入樣式的方法有哪些”文章已經(jīng)介紹完畢,想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會,如果想了解更多相關內(nèi)容的文章,歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
當前題目:CSS引入樣式的方法有哪些
轉(zhuǎn)載來于:http://weahome.cn/article/ijegsp.html