css樣式引用的方式并舉例說明？

樣式的引用形式大致可分為以下四種：

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)公司！專注于網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、微信平臺(tái)小程序開發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了通江免費(fèi)建站歡迎大家使用！

一、行間樣式，即直接加在標(biāo)簽上的樣式 例:div style="width:50px;"/div

二、內(nèi)聯(lián)樣式 即用style /style標(biāo)簽括起來寫在頁面中的樣式

三、外聯(lián)樣式：即將樣式單獨(dú)放到一個(gè)文件夾中，然后用link標(biāo)簽引入頁面的形式

四，導(dǎo)入樣式，即將樣式，按模塊劃分或其它的分法分別放在不同的css文件中，然后用@導(dǎo)入到其它樣式中 。此方法建議不要用，因?yàn)樾什皇翘貏e高

前三種的優(yōu)先級(jí)為： 行間 內(nèi)聯(lián) 外聯(lián)

css的引入方式有哪些

學(xué)習(xí)CSS肯定繞不開的就是如何將css引入到HTML文件中，引入方式主要有三種：

內(nèi)聯(lián)樣式、內(nèi)部樣式、外部樣式

1、內(nèi)聯(lián)樣式

內(nèi)聯(lián)樣式又稱行內(nèi)樣式，使用該樣式需要直接在標(biāo)簽內(nèi)添加“ style=" " ”，再將需要的樣式寫在雙引號(hào)內(nèi)，如

div style="background: red;"hello world!/div1

行內(nèi)樣式比較適合初學(xué)者學(xué)習(xí)的時(shí)候使用，在網(wǎng)站開發(fā)時(shí)盡量不要去用，因?yàn)槭褂眠@種樣式會(huì)把結(jié)構(gòu)和CSS全部融合在一個(gè)頁面里面，造成代碼冗余，后期調(diào)整樣式的時(shí)候非常不方便。

2、內(nèi)部樣式

內(nèi)部樣式是一種適合案例或者比較小的頁面的引入方式，它的語法是在在head標(biāo)簽里添加style標(biāo)簽，再在style標(biāo)簽的內(nèi)容區(qū)添加需要的樣式，如：

head

style type="text/css"

div{background: red;}/style

/head12345

內(nèi)部樣式比較適合案例或者比較小的頁面中，因?yàn)樗矔?huì)增加HTML文件的代碼量。

3、外部樣式

外部樣式是使用最廣的引入方式，適合比較大的頁面或者整站開發(fā)。引入方法是將樣式寫css文件中，再將css文件鏈接到HTML文件里。

而外部樣式有兩種鏈接方法引入HTML文件中：link和import

1）用link鏈接需要在html文件內(nèi)添加link標(biāo)簽，在該標(biāo)簽內(nèi)屬性“ href=" " ”的雙引號(hào)里寫上css文件的路徑即可。

link rel="stylesheet" type="text/css" href="demo.css"/1

2）用import鏈接需要用內(nèi)部樣式的方法添加“ @import url(""); ”屬性，在url("")中寫上css文件的路徑。

style ? ?@import url("demo.css");/style123

同為外部樣式的鏈接方式，link和import之間的不同不僅是載入鏈接的語法不同：

本質(zhì)上link是HTML標(biāo)簽，是HTML的寫法，但是import是CSS的提供的一種鏈接方式。所以link能夠引入除css以外的其它文件，而import只能引入css文件。

link是沒有兼容問題的，但是import在IE5以下不支持。

加載順序上也不一樣，link是HTML結(jié)構(gòu)和CSS樣式同時(shí)加載，而import是先加載HTML后加載CSS。有時(shí)候網(wǎng)速比較慢，你就會(huì)看到只有文字和邊框的難看頁面，然后才看到比較好看的頁面，就是因?yàn)檫@個(gè)網(wǎng)頁使用import鏈接的樣式。

在用js控制dom修改樣式的時(shí)候，link可以被修改，但是import不可以。

引入CSS的方式有哪些

css主要有三種引用方法：

1，內(nèi)部引用，在html文檔中在style標(biāo)簽里面寫的css樣式

style

bdoy{font-size:14px;}

/style

2，外部引用，用link標(biāo)簽引用外部的css文件，將樣式引用到html文檔來。

link rel="stylesheet" type="text/css" href="style.css"

3，在標(biāo)簽中使用，使用style屬性將當(dāng)前的標(biāo)簽樣式改變。

div style="color:red"/div