CSS中的嵌入，內聯，外聯式都是什么形式？用在什么情況下？

外聯式樣式（屬于外部樣式表）。

安岳ssl適用于網站、小程序/APP、API接口等需要進行數據傳輸應用場景，ssl證書未來市場廣闊！成為成都創(chuàng)新互聯公司的ssl證書銷售渠道，可以享受市場價格4-6折優(yōu)惠！如果有意向歡迎電話聯系或者加微信：18982081108（備注：SSL證書合作）期待與您的合作！

特征：

1、有一個單獨的CSS文件存在！[如：001.css]

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

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

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

嵌入式樣式（屬于內部樣式表）。

特征：

1、樣式的屬性內容以代碼的形式[放在 ]寫在網頁代碼中！

2、通過【格式】→【樣式】設置樣式的屬性內容！

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

如： style type="text/css"

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

/style

內聯式樣式（屬于內部樣式表）。

特征：

1、樣式的屬性內容直接跟在將要修飾的文字標記里。

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

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

擴展資料：

CSS語言特點：

CSS為HTML標記語言提供了一種樣式描述，定義了其中元素的顯示方式。CSS在Web設計領域是一個突破。利用它可以實現修改一個小的樣式更新與之相關的所有頁面元素。

總體來說，CSS具有以下特點：

豐富的樣式定義：

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

易于使用和修改：

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

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

多頁面應用：

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

層疊：

簡單的說，層疊就是對一個元素多次設置同一個樣式，這將使用最后一次設置的屬性值。例如對一個站點中的多個頁面使用了同一套CSS樣式表，而某些頁面中的某些元素想使用其他樣式。

就可以針對這些樣式單獨定義一個樣式表應用到頁面中。這些后來定義的樣式將對前面的樣式設置進行重寫，在瀏覽器中看到的將是最后面設置的樣式效果。

頁面壓縮：

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

而將樣式的聲明單獨放到CSS樣式表中，可以大大的減小頁面的體積，這樣在加載頁面時使用的時間也會大大的減少。另外，CSS樣式表的復用更大程度的縮減了頁面的體積，減少下載的時間。

參考資料來源：百度百科-css

一文學會CSS基本選擇器和復合選擇器

要想為指定的HTML元素添加CSS樣式，首先需要選中該元素。在CSS中，執(zhí)行這一選擇操作規(guī)則部分被稱為選擇器（選擇符）。

CSS基本選擇器可以分為五類：標簽選擇器、id選擇器、類選擇器、通配符選擇器和偽類選擇器。

多類名選擇器

可以給單個標簽添加多個類名，既可以提升類樣式的復用性，也可以達到添加多種樣式的效果。在后面復雜網頁的布局中使用較多。

pre spellcheck="false" class="md-fences md-end-block ty-contain-cm modeLoaded" lang="html" cid="n2260" mdtype="fences" style="box-sizing: border-box; overflow: visible; font-family: var(--monospace); font-size: 0.9em; display: block; break-inside: avoid; text-align: left; white-space: normal; background-image: inherit; background-position: inherit; background-size: inherit; background-repeat: inherit; background-attachment: inherit; background-origin: inherit; background-clip: inherit; background-color: rgb(248, 248, 248); position: relative !important; border: 1px solid rgb(231, 234, 237); border-radius: 3px; padding: 8px 4px 6px; margin-bottom: 15px; margin-top: 15px; width: inherit;"div class="pink fontWeight font20"蘋果/div

div class="font20"香蕉/div

div class="font14 pink"橘子/div

div class="font14"/div/pre

通配器選擇器用“*”號表示，它是所有選擇器中作用范圍最廣的，能匹配頁面中所有的元素。

常用的結構偽類選擇器：

:target 選擇器

可用于選取當前活動的目標元素，然后給它添加相應的樣式。

pre spellcheck="false" class="md-fences md-end-block ty-contain-cm modeLoaded md-focus" lang="css" cid="n2337" mdtype="fences" style="box-sizing: border-box; overflow: visible; font-family: var(--monospace); font-size: 0.9em; display: block; break-inside: avoid; text-align: left; white-space: normal; background-image: inherit; background-position: inherit; background-size: inherit; background-repeat: inherit; background-attachment: inherit; background-origin: inherit; background-clip: inherit; background-color: rgb(248, 248, 248); position: relative !important; border: 1px solid rgb(231, 234, 237); border-radius: 3px; padding: 8px 4px 6px; margin-bottom: 15px; margin-top: 15px; width: inherit;"h2a href="#brand"Brand/a/h2

div id="brand"

content for Brand

/div

background: orange;

color: #fff;

}/pre

復合選擇器是由兩個或多個基本選擇器，通過不同的方式組合而成的，目的是為了更準確、更精細的選擇目標元素標簽。

復合選擇器的三種類型：交集選擇器、并集選擇器、后代選擇器、子選擇器以及相鄰元素選擇器。

CSS里的 no-repeat 是什么意思

no-repeat是針對背景圖來說的。意思就是當你設置了no-repeat這個屬性后，你的背景圖將不會被重復，再換一種說法，你在網站上所看見的背景圖就是你所增加的圖， 不會出現平鋪或重復的現象。

拓展資料

一、CSS層疊樣式表(英文全稱：Cascading Style Sheets)是一種用來表現HTML（標準通用標記語言的一個應用）或XML（標準通用標記語言的一個子集）等文件樣式的計算機語言。CSS不僅可以靜態(tài)地修飾網頁，還可以配合各種腳本語言動態(tài)地對網頁各元素進行格式化。

二、CSS 能夠對網頁中元素位置的排版進行像素級精確控制，支持幾乎所有的字體字號樣式，擁有對網頁對象和模型樣式編輯的能力。

三、SS為HTML標記語言提供了一種樣式描述，定義了其中元素的顯示方式。CSS在Web設計領域是一個突破。利用它可以實現修改一個小的樣式更新與之相關的所有頁面元素。

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

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

怎么提高CSS的復用性

使用CSs外部樣式表。

在網頁中調用外部CSs樣式表文件，這個是比較高效的，也是W3C school推薦的方法。

分享標題：css樣式復用,css多次引用樣式
本文網址：http://chinadenli.net/article29/dsshgjh.html

成都網站建設公司_創(chuàng)新互聯，為您提供云服務器、微信公眾號、服務器托管、外貿建站、微信小程序、網站改版

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯