1、 css優先級選擇器,層疊樣式表在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標簽中。樣式表優先級:內聯樣式表先生效;內部、外部樣式表誰在后面誰生效2、 CSS的類選擇器和id選擇器各有什么優勢?
ID用于標識頁面上的特定元素(比如站點導航),而且必須是唯一的。 ID也可以用來標識持久的結構性元素,例如主導航或內容區域。ID還可以用來標識一次性元素,例如某個鏈接或表單元素。一個ID只能應用于頁面上的一個元素。
class同一個類名可以應用于頁面上任意多個元素,因此類的功能強大的多。類非常適合表示內容的類型或其他相似的條目。
在實際開發中,要根據實際使用情況來決定是使用哪種樣式。對于單一元素的在單一界面的展示樣式可以推薦是用id來定位。多余多個界面公用,或者同一界面多個元素風格一致,樣式統一使用class類要方便的多。
下面就是最簡單的一個小例子:
展示效果:
3、 css三種選擇器的特點?
css選擇器的類型分為3類:標記選擇器、類別選擇器和ID選擇器。
(可能名稱有不同的說法,但意思都是一樣的) 標記選擇器是利用HTML的標記直接定義標記內容的樣式,如:h1{ color:red; font-size:25pt;} 類別選擇器是通常說的class選擇器,定義的時候要在名稱前加.如:.one{ color:red; font-size:25pt;} ID選擇器定義的時候要在前面加#,如:#box { color:red; font-size:25pt;} 利用DW寫CSS的時候,高級就是上面說的ID選擇器,ID選擇器的名字可以任意命名,可以自己定義,可是標簽就只能是HTML語言里制定的那些標記,不能自己定義。4、 css樣式遵循什么原則?
css樣式遵循三種原則:就近原則、繼承原則、覆蓋原則。
就近原則
優先級關系,從高到低:行內樣式 > 內部樣式 > 外部樣式。
繼承原則:
繼承中多數邊框類的屬性不能被繼承,比如padding、margin、背景等都不會被繼承;表格也不能繼承父類的樣式。
覆蓋原則:
由于繼承而發生的樣式沖突,由最近的祖先元素取值;
繼承的樣式和直接指定的樣式發生沖突時,直接指定的樣式獲取值;
直接指定的樣式發生沖突時,樣式權重高的元素獲取值;