css基礎總結(上)

2021-09-02 09:06:42 字數 2781 閱讀 9868

1.

css

規則由兩個主要的部分構成:

選擇器

,以及一條或多條宣告。

例如:

2.如果值為若干單詞,則要給值加引號

p 3.

多重宣告

p     

注意,乙個屬性的宣告結束後,加分號,分號進表示分割符號,而不是結束符號;好處:

當你從現有的規則中增減宣告時,會盡可能地減少出錯的可能性

每行最好只有乙個屬性,增加樣式定義的可讀性

4.選擇器的分組

例如:以下標題元素的顏色,都是綠色

h1,h2,h3,h4,h5,h6

5.

繼承及其他問題

body  

td, ul, ol, ul, li, dl, dt, dd

p

(1)body

中的其他標籤,如

td, ul, ol, ul, li, dl, dt, dd

會繼承body

的font-family屬性(

2)為了解決相容性問題,

body

中的其他標籤再宣告一次(3

)比如p

標籤我不要

body

的font-family

,那麼你可以重新

定義p的

font-family

屬性

6.派生選擇器(又稱上下文選擇器)

strong 

h2h2 strong

下面是它施加影響的

html

:the strongly emphasized word in this paragraph isred.

注釋:派生選擇器的格式

h2 strong{}

只有h2

標籤下的

strong

標籤的顏色為綠色

7.id

選擇器

(1)

id

選擇器可以為標有特定

id

html

元素指定特定的樣式。

(2)id

選擇器以

"#"

來定義。

(3)id

屬性只能在每個

html

文件中出現一次

#sidebar p

注釋:id

選擇器也能構造派生選擇器,以上**就表示只有

sidebar下的p

標籤才有花括號裡的樣式,當然也能單獨發揮作用

8.css

類選擇器

.center

// class

選擇器以

"."來定義

注意:

類名的第乙個字元不能使用數字!它無法在

mozilla

或firefox

中起作用。

類的派生器

.fancy td

注釋:類名為

fancy

的更大的元素內部的**單元都會以灰色背景顯示橙色文字

td.fancy

注釋:類名為

fancy

的**單元將是帶有灰色背景的橙色

9.css

屬性選擇器對帶有指定屬性的

html

元素設定樣式。

選擇器描述

[attribute]

用於選取帶有指定屬性的元素。

[attribute

=value]

用於選取帶有指定屬性和值的元素。

[attribute

~=value]

用於選取屬性值中包含指定詞彙的元素。

[attribute

|=value]

用於選取帶有以指定值開頭的屬性值的元素,該值必須是整個單詞。

[attribute

^=value]

匹配屬性值以指定值開頭的每個元素。

[attribute

$=value]

匹配屬性值以指定值結尾的每個元素。

[attribute

*=value]

匹配屬性值中包含指定值的每個元素。

Android Service學習總結(上)

service 基本用法 啟動 在activity中通過 startservice new intent this,myservice.class 來進行啟動,首次啟動會呼叫myservice的oncreate 和onstartcommand 方法,非首次啟動,只會不斷的呼叫onstartcomma...

排序演算法總結(上)

實現 public static void insertsort int a a j 1 temp 把待排序的元素temp插入騰出位置的 j 1 system.out.println system.out.println 1.直接排序之後 for int i 0 i a.length i 解釋 實現...

PHP月總結(上)

1.配置apache伺服器的時候,應該修改 httpd.conf 檔案。2.isset 函式可以檢測變數是否設定。3.讀取post方法傳遞的方法是 post 名稱 4.語句for k 0 k 1 k 和語句for k 0 k 1 k 執行的次數的結果分別是 無限和0 5.核取方塊的type屬性值是 ...