css(Cascading Style Sheet,層疊樣式表)定義如何顯示HTML元素。當瀏覽器讀到一個樣式表,它就會按照這個樣式表來對文檔進行格式化(渲染)。那么css層疊樣式表有哪幾種類型?下面本篇文章就來給大家介紹一下。
內(nèi)部樣式表:將樣式代碼寫在頁面<style>...</style>標簽之中例:<style>...</style>標簽結(jié)構(gòu)可以位于頁面<HTML>標簽中的任何位置,也可以多次出現(xiàn)。通常是將整個<style>...</style>結(jié)構(gòu)寫在頁面的<head>...</head>部分中。這種引入CSS方式的特點是每個頁面的CSS代碼可能具有統(tǒng)一性和規(guī)劃性,一個頁面內(nèi)部便于復用和維護,但多個頁面之間的CSS代碼復用仍然不夠。外部樣式表(.css文件):可使用<link>標簽鏈接到HTML中:rel="stylesheet"指link與href之間的關(guān)聯(lián)樣式為樣式表文件type="text/css"指文件類型為樣式表文本內(nèi)聯(lián)樣式表:利用style屬性將樣式寫在HTML標簽中。樣式表優(yōu)先級:內(nèi)聯(lián)樣式表先生效;內(nèi)部、外部樣式表誰在后面誰生效CSS的三大機制是:特殊性、繼承、層疊。樣式最終的呈現(xiàn)由層疊機制決定,但層疊與特殊性、繼承又有關(guān)系。
換句話說,一個元素某一樣式要應用那個值,用戶代理需要考慮繼承,考慮聲明的特殊性,考慮聲明本身的來源,而這個過程就叫做層疊。css提供3種機制來設置盒子的擺放位置,分別是普通流(標準流)、浮動和定位。
CSS框架是預先準備好的軟件框架,允許使用層疊樣式表語言更容易,更符合標準的進行網(wǎng)頁設計。大多數(shù)這些框架包含至少一個柵格設計(grid)。功能更強大的框架,還配備了更多的功能和附加的基于JavaScript的功能。
一些更為大型的框架會使用CSS的解釋器。例如LESS和Sass。1 什么是CSS?
CSS通常稱為CSS樣式表或?qū)盈B樣式表(級聯(lián)樣式表),主要用于設置HTML頁面中的文本內(nèi)容(字體、大小、對齊方式等)、圖片的外形(寬高、邊框樣式、邊距等)以及版面的布局等外觀顯示樣式。
CSS以HTML為基礎(chǔ),提供了豐富的功能,如字體、顏色、背景的控制及整體排版等,而且還可以針對不同的瀏覽器設置不同的樣式。
2 CSS語法
CSS基礎(chǔ)語法
CSS規(guī)則由兩個主要部分構(gòu)成:選擇器以及一條或多條聲明。
每條聲明由一個屬性和一個值組成。屬性(property)是設置的樣式屬性,每個屬性有一個值,屬性和值被冒號分開。