從CSS 樣式代碼插入的形式來(lái)看基本可以分為以下3種:內(nèi)聯(lián)式、嵌入式和外部式三種。
一放祟、內(nèi)聯(lián)式
1吻贿、內(nèi)聯(lián)式css樣式表就是把css代碼直接寫(xiě)在現(xiàn)有的HTML標(biāo)簽中串结,如下面代碼:
2、注意要寫(xiě)在元素的開(kāi)始標(biāo)簽里,下面這種寫(xiě)法是錯(cuò)誤的:
3肌割、并且css樣式代碼要寫(xiě)在style=""雙引號(hào)中卧蜓,如果有多條css樣式代碼設(shè)置可以寫(xiě)在一起,中間用分號(hào)隔開(kāi)声功。如下代碼:
二烦却、嵌入式
嵌入式css樣式,就是可以把css樣式代碼寫(xiě)在標(biāo)簽之間先巴。如下面代碼實(shí)現(xiàn)把三個(gè)標(biāo)簽中的文字設(shè)置為紅色:
嵌入式css樣式必須寫(xiě)在<style></style>之間其爵,并且一般情況下嵌入式css樣式寫(xiě)在<head></head>之間。
三伸蚯、外部式
外部式css樣式(也可稱為外聯(lián)式)就是把css代碼寫(xiě)一個(gè)單獨(dú)的外部文件中摩渺,這個(gè)css樣式文件以“.css”為擴(kuò)展名,在<head>內(nèi)(不是在<style>標(biāo)簽內(nèi))使用<link>標(biāo)簽將css樣式文件鏈接到HTML文件內(nèi)剂邮,如下面代碼:
注意:
1摇幻、css樣式文件名稱以有意義的英文字母命名,如 main.css挥萌。
2绰姻、rel="stylesheet" type="text/css" 是固定寫(xiě)法不可修改。
3引瀑、標(biāo)簽位置一般寫(xiě)在標(biāo)簽之內(nèi)狂芋。