CSS引入方式以及與 import區別

2021-06-25 07:50:35 字數 467 閱讀 1462

引入css的方式可分為以下3種:

1、內聯樣式(直接在標籤中用style)

2、嵌入樣式(在標籤)

3、外部鏈結樣式

@import url( 「***.css」) /* 也可以寫成@import "***.css"  */

body )

注意:使用@import時,必須保證寫在的最前面,當然如果有@charset時除外

@import的用法請參見官網:

1、載入順序不同:link引入的css載入會和html載入同時進行,而@import引入的css在html載入完成後再載入,所以會導致網頁剛開始時載入時沒有樣式

2、相容性不同:@import對老的ie5之前的瀏覽器不支援,link支援所有瀏覽器

3、dom控制樣式時,不能控制@import的樣式,只能控制link引入的樣式

4、@import引入的樣式表中可以用@import再次引入子樣式表

CSS引入方式

第一 css的四種引入方式 1.行內樣式 最直接最簡單的一種,直接對html標籤使用style 例如 缺點 html頁面不純淨,檔案體積大,不利於蜘蛛爬行,後期維護不方便。2.內嵌樣式 內嵌樣式就是將css 寫在之間,並且用進行宣告,例如 優缺點 頁面使用公共css 也是每個頁面都要定義的,如果乙個...

Css引入方式

div 雙標籤 css語法 屬性名 屬性值 css引入方式 1 行間樣式的引入 在標籤中寫乙個style的屬性。如 style 缺點 不利於 重用。優點 優先順序最高。2 內部樣式的引入,在head標籤中寫乙個style的標籤,在標籤中通過選擇器控制樣式。選擇器寫法 1.標籤選擇器。div2.id選...

CSS引入方式

按照css樣式書寫的位置 或者引入方式 css樣式表可以分為三大類 行內樣式表 行內式 內部樣式表 嵌入式 外部樣式表 鏈結式 內部樣式表 內嵌樣式表 是寫到html頁面內部,是將所有的css 抽取出來,單獨放到乙個標籤中.標籤理論上可以放在html文件的任何地方,但一般會放在文件的標籤中,通過此種...