小編給大家分享一下css中樣式可以分成幾類,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
css有三種類樣式,分別是:1、行內樣式,結構的內部,即寫在標簽內的樣式;2、外聯式是將所有的樣式放在一個或多個以【.css】為擴展名的外部樣式表文件中;3、內聯樣式寫在HTML頁面內部,存放于head標記當中。
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中樣式可以分成幾類”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。