首頁 > web前端 > css教學 > 主體

CSS的三種樣式形式?

Guanhui
發布: 2020-07-23 13:51:21
原創
10265 人瀏覽過

CSS的三種樣式形式?

CSS的三種樣式形式?

1、內聯式,是把css程式碼直接寫在現有的HTML標籤中;

<p style="color:red">这里文字是红色。</p>
登入後複製

2、嵌入式,是把css樣式程式碼寫在「style 」標籤之間;

<style type="text/css">span{color:red;}</style>
登入後複製

3、外聯式,是把css程式碼寫一個單獨的外部檔案中,透過「link」標籤引入。

<link href="style.css" rel="stylesheet" type="text/css" />
登入後複製

CSS的特點

#豐富的樣式定義

CSS提供了豐富的文件樣式外觀,以及設定文字和背景屬性的能力;允許為任何元素建立邊框,以及元素邊框與其他元素間的距離,以及元素邊框與元素內容間的距離;允許隨意改變文字的大小寫方式、修飾方式以及其他頁面效果。

易於使用和修改

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

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

多頁面應用程式

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

層疊

簡單的說,層疊是對一個元素多次設定同一個樣式,這將使用最後一次設定的屬性值。例如對一個網站中的多個頁面使用了同一套CSS樣式表,而某些頁面中的某些元素想使用其他樣式,就可以針對這些樣式單獨定義一個樣式表應用到頁面中。這些後來定義的樣式將對前面的樣式設定進行重寫,在瀏覽器中看到的將是最後面設定的樣式效果。

頁面壓縮

在使用HTML定義頁面效果的網站中,往往需要大量或重複的表格和font元素形成各種規格的文字樣式,這樣做的後果就是會產生大量的HTML標籤,從而使頁面檔案的大小增加。而將樣式的聲明單獨放到CSS樣式表中,可以大大的減少頁面的體積,這樣在載入頁面時使用的時間也會大大的減少。另外,CSS樣式表的複用更大程度的縮減了頁面的體積,減少下載的時間。

推薦教學:《PHP

以上是CSS的三種樣式形式?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
css
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!