色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

在css層疊樣式中經(jīng)常用到的三種選擇器,層疊樣式表在HTML文檔中的形式有哪幾種

老白2年前96瀏覽0評論

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)是設置的樣式屬性,每個屬性有一個值,屬性和值被冒號分開。