天天看點

在html中樣式表的三種類型,css樣式有哪幾種類型?

CSS樣式可以寫在哪些地方呢?從CSS 樣式代碼插入的形式來看基本可以分為以下3種:内聯式、嵌入式和外部式三種。下面本篇文章就來給大家介紹一下CSS樣式的類型,希望對大家有所幫助。

在html中樣式表的三種類型,css樣式有哪幾種類型?

内聯式樣式

内聯式css樣式表就是把css代碼直接寫在現有的HTML标簽中,如下面代碼:

這裡文字是紅色。

并且css樣式代碼要寫在style=""雙引号中,如果有多條css樣式代碼設定可以寫在一起,中間用分号隔開。如下代碼:

這裡文字是紅色。

嵌入式樣式

就是可以把css樣式代碼寫在标簽之間。如下面代碼實作把三個标簽中的文字設定為紅色:

span{

color:red;

}

嵌入式css樣式必須寫在之間,并且一般情況下嵌入式css樣式寫在

之間。

外聯式樣式

外部式css樣式(也可稱為外聯式)就是把css代碼寫一個單獨的外部檔案中,這個css樣式檔案以“.css”為擴充名,在

内(不是在代碼的前面(實際開發中也是這麼寫的)。