首頁  >  文章  >  web前端  >  css有哪幾類樣式

css有哪幾類樣式

coldplay.xixi
coldplay.xixi原創
2021-03-21 17:51:5414253瀏覽

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為擴展名的外部樣式表文件中,透過c88766e8e98f17593dff2d30c01c03cf標記將外部樣式表文件連結到HTML文件中,其基本語法格式如下:

<link type="text/css" rel="stylesheet" href="css/main.css" />

上述語法中,2c4766c07584f20d70da6f464d195f13頭部標記中,並且必須指定c88766e8e98f17593dff2d30c01c03cf標記的個屬性,具體介紹如下。

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

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

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

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

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

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn