CSS(Cascading Style Sheet,層疊樣式表)定義如何顯示HTML元素。當瀏覽器讀到一個樣式表,它就會按照這個樣式表來對文件進行格式化(渲染)。那麼css層疊樣式表有哪幾種類型?下面本篇文章就來給大家介紹一下。
內部樣式表:
將樣式程式碼寫在頁面<style>...</style>標籤之中
例:
<style>...</style>標籤結構可以位於頁面<HTML>標籤中的任何位置,也可以多次出現。通常是將整個<style>...</style>結構寫在頁面的<head>...</head>部分中。這種引入CSS方式的特點是每個頁面的CSS程式碼可能具有統一性和規劃性,一個頁面內部便於複用和維護,但多個頁面之間的CSS程式碼複用仍然不夠。
外部樣式表(.css檔案):
可使用<link>標籤連結到HTML中:
內聯樣式表:
利用style屬性將樣式寫在HTML標籤中。
樣式表優先順序:
內聯樣式表先生效;內部、外部樣式表誰在後面誰生效
CSS(Cascading Style Sheet,層疊樣式表)定義如何顯示HTML元素。當瀏覽器讀到一個樣式表,它就會按照這個樣式表來對文件進行格式化(渲染)。那麼css層疊樣式表有哪幾種類型?下面本篇文章就來給大家介紹一下。
內部樣式表:
將樣式程式碼寫在頁面<style>...</style>標籤之中
例:
<style>...</style>標籤結構可以位於頁面<HTML>標籤中的任何位置,也可以多次出現。通常是將整個<style>...</style>結構寫在頁面的<head>...</head>部分中。這種引入CSS方式的特點是每個頁面的CSS程式碼可能具有統一性和規劃性,一個頁面內部便於複用和維護,但多個頁面之間的CSS程式碼複用仍然不夠。
外部樣式表(.css檔案):
可使用<link>標籤連結到HTML中:
rel="stylesheet"指link與href之間的關聯樣式為樣式表文件type="text/css"指檔案型別為樣式表文本內聯樣式表:
利用style屬性將樣式寫在HTML標籤中。
樣式表優先順序:
內聯樣式表先生效;內部、外部樣式表誰在後面誰生效