CSS層樣式表有3種類型:1、行內(nèi)樣式表,利用style屬性將樣式寫在HTML標(biāo)簽中;2、內(nèi)部樣式表,將樣式代碼寫在“<style>”標(biāo)簽對中;3、外部樣式表,將樣式代碼寫在單獨的“.css”文件中,使用“<link>”標(biāo)簽引用
本教程操作環(huán)境:windows7系統(tǒng)、CSS3版、Dell G3電腦。
CSS即層疊樣式表(Cascading Style Sheets),是一種用來表現(xiàn)HTML或XML等文件樣式的計算機語言。 CSS樣式主要包含以下三種類型:
1、行內(nèi)樣式表(內(nèi)聯(lián)式樣式)
利用style屬性將樣式寫在HTML標(biāo)簽中。
<標(biāo)簽 style="屬性:屬性值;屬性:屬性值;"></標(biāo)簽>
如下面代碼:
<p style="color:red;font-size:12px">這里文字是紅色。</p>
2、內(nèi)部樣式表:
將樣式代碼寫在頁面<style>…</style>標(biāo)簽之中
例:
<style type="text/css"> body { background-color: #F5F5F5; color: #555; font-size: 1.1em; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; } </style>
<style>…</style>標(biāo)簽結(jié)構(gòu)可以位于頁面<HTML>標(biāo)簽中的任何位置,也可以多次出現(xiàn)。通常是將整個<style>…</style>結(jié)構(gòu)寫在頁面的<head>…</head>部分中。這種引入CSS方式的特點是每個頁面的CSS代碼可能具有統(tǒng)一性和規(guī)劃性,一個頁面內(nèi)部便于復(fù)用和維護,但多個頁面之間的CSS代碼復(fù)用仍然不夠。
【推薦教程:CSS視頻教程 】
3、外部樣式表(.css文件):
css代碼寫一個單獨的外部文件中,這個css樣式文件以“.css”為擴展名,在<head>內(nèi)(不是在<style>標(biāo)簽內(nèi))使用<link>標(biāo)簽將css樣式文件鏈接到HTML文件內(nèi),如下面代碼:
<link href="base.css" rel="stylesheet" type="text/css" />
-
rel="stylesheet"指link與href之間的關(guān)聯(lián)樣式為樣式表文件
-
type="text/css"指文件類型為樣式表文本
注意:
1、css樣式文件名稱以有意義的英文字母命名,如 main.css。
2、rel="stylesheet" type="text/css" 是固定寫法不可修改。
3、<link>標(biāo)簽位置一般寫在<head>標(biāo)簽之內(nèi)。