首頁 > web前端 > css教學 > css有哪幾類樣式

css有哪幾類樣式

coldplay.xixi
發布: 2023-01-03 09:30:50
原創
14258 人瀏覽過

css有三種類樣式,分別是:1、行內樣式,結構的內部,即寫在標籤內的樣式;2、外聯式是將所有的樣式放在一個或多個以【. css】為副檔名的外部樣式表檔中;3.內嵌樣式寫在HTML頁面內部,存放於head標記當中。

css有哪幾類樣式

本教學操作環境: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&gt ; 標記需要放在<head>頭部標記中,並且必須指定<link/>標記的個屬性,具體介紹如下。

  • href:定義所連結外部樣式表檔案的URL,可以是相對路徑,也可以是絕對路徑。

  • type:定義所連結文件的類型,在這裡需要指定為“text/css”,表示連結的外部文件為CS樣式表。

  • rel:定義目前文件與被連結文件之間的關係,在這裡需要指定為“stylesheet”,表示被連結的文件是一個樣式表檔。

外接式是使用頻率最高是最實用的CSS樣式表,因為它將HTML程式碼與CSS程式碼分離為兩個或多個文件,實現了將結構和樣式完全分離,讓網頁的前期製作和後製維護都十分方便。

相關教學推薦:CSS影片教學

以上是css有哪幾類樣式的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板