8 強制優先順序 權重疊加 標記的顯示模式

2021-10-12 15:39:21 字數 1043 閱讀 7109

type

="text/css"

>

p.aa

#bbstyle

>

head

>

>

class

="aa"

id="bb"

style

="color

:#9933cc

">

鋤禾日當午,汗滴禾下土。p

>

body

>

標籤選擇器《類選擇器在樣式裡面px不能省略,html裡面px可以省略。 標記從左往右排稱為行顯示標記。

特性:1、從左往右排列

2、不能指定高度預設高度是0

3、不能指定寬度預設寬度是0

4、行顯示標記不能指定寬度和高度

5、轉換成塊顯示:display:inline(-block);

*學一招:如果>

標記轉換成塊顯示以後,可以設定寬度和高度,但是排列

變成了上下排列,如果要實現左右排列,同時還要設定寬度和高度,可以將顯示模

式置為display:inline-block;

標記從上往下排稱為塊顯示標記。

特性:1、如果不指定寬度預設寬度是100%

2、如果不指定高度,高度是0px

3、從上往下排。

4、可以設定寬度和高度。

注意:不是所有的標記都能分成行顯示標記和塊顯示標記

>

>

>

>

等,這些標記本來就不是用來顯示頁面內容的,所有不能用塊顯示和行顯示概念套用。>

比較特殊,既有行顯示的特性,又有塊顯示的特性。預設情況下是inline-block顯示方式。

>

1、 塊顯示標記

2、 跨段塊標記,div中可以放標題,段落,,文字,div。

>

1、 行顯示標記

2、 跨字元標記,span裡面只能放文字。

CSS的優先順序和權重

css樣式優先順序遵循如下 行內樣式 id選擇器 類選擇器 元素選擇器 在選擇器優先順序相同的情況下,遵循就近原則。頁面某元素在多層巢狀情況下,根據權重大小顯示,權重越大優先顯示。備註 important 表示強制應用該樣式,例如 button,與以上的選擇器相遇時,強制使用此樣式 選擇器類別 說明...

CSS的優先順序和權重簡介

首先權重乙個相對概念,可以認作天平中的砝碼,權重大的地方就會被重視 使用 當然這在權重等級相同的前提下。一 權重的等級劃分 第一等級 內部樣式 style 權值 1000.第二等級 id選擇器 id 權值 100.第三等級 class 偽類 屬性選擇器 class hover link type 權...

css優先順序及其對應的權重

1.選擇器的優先順序 important 內聯選擇器 style id選擇器 類選擇器 屬性選擇器 偽類選擇器 元素選擇器 萬用字元 2.選擇器的權重 通過權重計算可以避免許多問題 important 10000 內聯選擇器 1000 id選擇器 100類選擇器 10元素選擇器 1eg body s...