首頁 > web前端 > css教學 > CSS引入樣式有哪幾種方法

CSS引入樣式有哪幾種方法

清浅
發布: 2018-11-20 09:54:57
原創
6445 人瀏覽過

這篇文章將分享如何引入CSS樣式表以及他們之間的優缺點,有一定的參考價值,希望對大家有所幫助。

CSS中可以透過三種方法引入樣式表:

(1)內嵌樣式

(2) 內嵌樣式

(3)外部樣式

這些CSS樣式中的每一種形式都有它們的優點與缺點接下來將詳細的為大家介紹

內嵌樣式


#特點:(1)內聯樣式放在程式碼中的HTML元素中。

           (2)使用內嵌樣式時,樣式只會影響你所選擇的元素。

            (3)內嵌樣式沒有選擇器

範例:

<div style="width:100px;height:100px;border:1px solid #ccc"><div>
登入後複製


#此CSS內嵌樣式只能改變這個div的寬和高,它不會更改頁面上的任何div或屬性的樣式。這是內聯樣式的限制之一。由於它們只對特定元素進行更改,因此這不是最佳做法,內聯樣式也具有非常高的特異性。這使得很難用其他非內聯樣式覆蓋它們,事實上,我們很少在網頁上使用內聯樣式。

嵌入樣式

特點: (1)被放置在樣式標籤