站長(zhǎng)資訊網(wǎng)CSS層樣式表有3種類(lèi)型：1、行內(nèi)樣式表，利用style屬性將樣式寫(xiě)在HTML標(biāo)簽中；2、內(nèi)部樣式表，將樣式代碼寫(xiě)在“<style>”標(biāo)簽對(duì)中；3、外部樣式表，將樣式代碼寫(xiě)在單獨(dú)的“.css”文件中，使用“<link>”標(biāo)簽引用
本教程操作環(huán)境：windows7系統(tǒng)、CSS3版、Dell G3電腦。
CSS即層疊樣式表（Cascading Style Sheets），是一種用來(lái)表現(xiàn)HTML或XML等文件樣式的計(jì)算機(jī)語(yǔ)言。 CSS樣式主要包含以下三種類(lèi)型：
1、行內(nèi)樣式表（內(nèi)聯(lián)式樣式）
利用style屬性將樣式寫(xiě)在HTML標(biāo)簽中。
<標(biāo)簽 style="屬性：屬性值；屬性：屬性值；"></標(biāo)簽>
如下面代碼：
<p style="color:red;font-size:12px">這里文字是紅色。</p>
2、內(nèi)部樣式表：
將樣式代碼寫(xiě)在頁(yè)面<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)可以位于頁(yè)面<HTML>標(biāo)簽中的任何位置，也可以多次出現(xiàn)。通常是將整個(gè)<style>…</style>結(jié)構(gòu)寫(xiě)在頁(yè)面的<head>…</head>部分中。這種引入CSS方式的特點(diǎn)是每個(gè)頁(yè)面的CSS代碼可能具有統(tǒng)一性和規(guī)劃性，一個(gè)頁(yè)面內(nèi)部便于復(fù)用和維護(hù)，但多個(gè)頁(yè)面之間的CSS代碼復(fù)用仍然不夠。
【推薦教程：CSS視頻教程 】
3、外部樣式表（.css文件）：
css代碼寫(xiě)一個(gè)單獨(dú)的外部文件中，這個(gè)css樣式文件以“.css”為擴(kuò)展名，在<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"指文件類(lèi)型為樣式表文本
注意：
1、css樣式文件名稱(chēng)以有意義的英文字母命名，如 main.css。
2、rel="stylesheet" type="text/css" 是固定寫(xiě)法不可修改。
3、<link>標(biāo)簽位置一般寫(xiě)在<head>標(biāo)簽之內(nèi)。
