css有三種類樣式,分別是:1、行內樣式,結構的內部,即寫在標籤內的樣式;2、外聯式是將所有的樣式放在一個或多個以【. css】為副檔名的外部樣式表檔中;3.內嵌樣式寫在HTML頁面內部,存放於head標記當中。
本教學操作環境:windows7系統、css3版,DELL G3電腦。
CSS樣式主要包含以下三種類型:
1、行內樣式:結構的內部,即標籤內的樣式;寫在標籤的開始部分內部,style屬性當中。
範例:
<标记 style="样式的属性名1:样式的属性值1;属性名2:属性值2;......"></标记>
2、內嵌樣式(內嵌樣式):寫在HTML頁內部,存放於head標記當中,樣式寫在style標記內。
範例:
<style>选择器 {属性名:属性值;属性名:属性值;......}</style>
3、外部樣式(外接樣式):
外接式是將所有的樣式放在一個或多個以.css為擴展名的外部樣式表文件中,透過<link/>標記將外部樣式表文件連結到HTML文件中,其基本語法格式如下:
<link type="text/css" rel="stylesheet" href="css/main.css" />
上述語法中,<link> ;
標記需要放在<head>
頭部標記中,並且必須指定<link/>
標記的個屬性,具體介紹如下。
href:定義所連結外部樣式表檔案的URL,可以是相對路徑,也可以是絕對路徑。
type:定義所連結文件的類型,在這裡需要指定為“text/css”,表示連結的外部文件為CS樣式表。
rel:定義目前文件與被連結文件之間的關係,在這裡需要指定為“stylesheet”,表示被連結的文件是一個樣式表檔。
外接式是使用頻率最高是最實用的CSS樣式表,因為它將HTML程式碼與CSS程式碼分離為兩個或多個文件,實現了將結構和樣式完全分離,讓網頁的前期製作和後製維護都十分方便。
相關教學推薦:CSS影片教學
以上是css有哪幾類樣式的詳細內容。更多資訊請關注PHP中文網其他相關文章!