CSS中的嵌入，內(nèi)聯(lián)，外聯(lián)式都是什么形式？用在什么情況下？

外聯(lián)式樣式（屬于外部樣式表）。

創(chuàng)新互聯(lián)公司主營(yíng)通許網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營(yíng)網(wǎng)站建設(shè)方案,成都app軟件開發(fā)公司,通許h5微信小程序搭建,通許網(wǎng)站營(yíng)銷推廣歡迎通許等地區(qū)企業(yè)咨詢

特征：

1、有一個(gè)單獨(dú)的CSS文件存在！[如：001.css]

2、通過【格式】→【樣式表連接】與CSS文件[001.css]建立連接！

3、在合適的地方使用 class="樣式名" 調(diào)用具體的樣式效果！

如：link href="001.css" type="text/css" rel="Stylesheet"/。

嵌入式樣式（屬于內(nèi)部樣式表）。

特征：

1、樣式的屬性內(nèi)容以代碼的形式[放在 ]寫在網(wǎng)頁(yè)代碼中！

2、通過【格式】→【樣式】設(shè)置樣式的屬性內(nèi)容！

3、在合適的地方使用 class="樣式名" 調(diào)用具體的樣式效果！

如： style type="text/css"

.main{ width:1002px; margin:0 auto;}

/style

內(nèi)聯(lián)式樣式（屬于內(nèi)部樣式表）。

特征：

1、樣式的屬性內(nèi)容直接跟在將要修飾的文字標(biāo)記里。

2、具體格式： style="font-size:10px;font-color:#ff0000"。

例如：修飾單元格里的文字。

擴(kuò)展資料：

CSS語(yǔ)言特點(diǎn)：

CSS為HTML標(biāo)記語(yǔ)言提供了一種樣式描述，定義了其中元素的顯示方式。CSS在Web設(shè)計(jì)領(lǐng)域是一個(gè)突破。利用它可以實(shí)現(xiàn)修改一個(gè)小的樣式更新與之相關(guān)的所有頁(yè)面元素。

總體來(lái)說(shuō)，CSS具有以下特點(diǎn)：

豐富的樣式定義：

CSS提供了豐富的文檔樣式外觀，以及設(shè)置文本和背景屬性的能力；允許為任何元素創(chuàng)建邊框，以及元素邊框與其他元素間的距離，以及元素邊框與元素內(nèi)容間的距離；允許隨意改變文本的大小寫方式、修飾方式以及其他頁(yè)面效果。

易于使用和修改：

CSS可以將樣式定義在HTML元素的style屬性中，也可以將其定義在HTML文檔的header部分，也可以將樣式聲明在一個(gè)專門的CSS文件中，以供HTML頁(yè)面引用。總之，CSS樣式表可以將所有的樣式聲明統(tǒng)一存放，進(jìn)行統(tǒng)一管理。

另外，可以將相同樣式的元素進(jìn)行歸類，使用同一個(gè)樣式進(jìn)行定義，也可以將某個(gè)樣式應(yīng)用到所有同名的HTML標(biāo)簽中，也可以將一個(gè)CSS樣式指定到某個(gè)頁(yè)面元素中。如果要修改樣式，我們只需要在樣式列表中找到相應(yīng)的樣式聲明進(jìn)行修改。

多頁(yè)面應(yīng)用：

CSS樣式表可以單獨(dú)存放在一個(gè)CSS文件中，這樣我們就可以在多個(gè)頁(yè)面中使用同一個(gè)CSS樣式表。CSS樣式表理論上不屬于任何頁(yè)面文件，在任何頁(yè)面文件中都可以將其引用。這樣就可以實(shí)現(xiàn)多個(gè)頁(yè)面風(fēng)格的統(tǒng)一。

層疊：

簡(jiǎn)單的說(shuō)，層疊就是對(duì)一個(gè)元素多次設(shè)置同一個(gè)樣式，這將使用最后一次設(shè)置的屬性值。例如對(duì)一個(gè)站點(diǎn)中的多個(gè)頁(yè)面使用了同一套CSS樣式表，而某些頁(yè)面中的某些元素想使用其他樣式。

就可以針對(duì)這些樣式單獨(dú)定義一個(gè)樣式表應(yīng)用到頁(yè)面中。這些后來(lái)定義的樣式將對(duì)前面的樣式設(shè)置進(jìn)行重寫，在瀏覽器中看到的將是最后面設(shè)置的樣式效果。

頁(yè)面壓縮：

在使用HTML定義頁(yè)面效果的網(wǎng)站中，往往需要大量或重復(fù)的表格和font元素形成各種規(guī)格的文字樣式，這樣做的后果就是會(huì)產(chǎn)生大量的HTML標(biāo)簽，從而使頁(yè)面文件的大小增加。

而將樣式的聲明單獨(dú)放到CSS樣式表中，可以大大的減小頁(yè)面的體積，這樣在加載頁(yè)面時(shí)使用的時(shí)間也會(huì)大大的減少。另外，CSS樣式表的復(fù)用更大程度的縮減了頁(yè)面的體積，減少下載的時(shí)間。

參考資料來(lái)源：百度百科-css

css樣式引入有哪幾種方式,優(yōu)先級(jí)是怎么樣的？

按優(yōu)先級(jí)：前端優(yōu)先讀取正序。正規(guī)規(guī)范優(yōu)先倒序。

style= 這樣肯定是最優(yōu)的，但也是最不推薦的。前端標(biāo)簽直接寫入。

延伸閱讀：讀取優(yōu)先，靈活使用，如大量頁(yè)面，每頁(yè)面都要設(shè)置。工作繁瑣，大量寫入增加代碼量。不利優(yōu)化。

style type="text/css" 這樣屬于第二讀取方式。直接寫在對(duì)應(yīng)的頁(yè)面。

延伸閱讀：每頁(yè)面都要設(shè)置。工作繁瑣，大量寫入增加代碼量。不利優(yōu)化。

link type="text/css" href=" 引用CSS文件 第三級(jí)。這全局引入.

延伸閱讀：全局CSS。可以分離代碼及外部引入，簡(jiǎn)單快捷。也是現(xiàn)在都在用的。

css 樣式的導(dǎo)入的三種方式

1.行內(nèi)樣式 行內(nèi)樣式只能影響它所在的標(biāo)簽，而且總會(huì)覆蓋嵌入樣式和鏈接樣式。

p style="font-size: 12px; font-weight:bold; font-style:italic; color:red;"By adding inline CSS styling to the/p

2.嵌入樣式 嵌入樣式的應(yīng)用范圍僅限于當(dāng)前頁(yè)面。頁(yè)面樣式會(huì)覆蓋外部樣式表中的樣式，但會(huì)被行內(nèi)樣式覆蓋。

head

style type="text/css"

h1 {font-size:16px;}

p {color:blue;}

/style

/head

3.鏈接樣式

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

樣式的寫法

例子如下

1 ) p {color:red; font-size:12px; font-weight:bold}

2 ) h1 {color:blue; font-weight:bold;}

h2 {color:blue; font-weight:bold;}

h3 {color:blue; font-weight:bold;}

3）假設(shè)，你在寫完前面那條規(guī)則后，又想只把h3變成斜體，那可以再為h3寫一條規(guī)則：

h1, h2, h3 {color:blue; font-weight:bold;}

h3 {font-style:italic;}

CSS樣式表嵌入到網(wǎng)頁(yè)中的幾種方法

css樣式表嵌入網(wǎng)頁(yè)有以下三種方法：

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

內(nèi)聯(lián)樣式是直接在html標(biāo)簽上定義該標(biāo)簽的css樣式，如：

div

style="width:200px;height:30px;"/div

2，內(nèi)部樣式

內(nèi)部樣式是寫在html文件中，且包含在style/style代碼塊中，如：

style

.box{width:200px;height:30px;}

/style

div

class="box"/div

3，外部樣式

外部樣式是通過在html中引用外部css文件來(lái)控制樣式，如：

html文件中寫入引用語(yǔ)句：

link

href="css文件路徑"

rel="stylesheet"

media="screen"

/