普歌 飛靈團隊 HTML CSS知識點總結

2021-10-23 14:33:11 字數 1328 閱讀 5360

1.內聯式

文字顏色

2.嵌入式

3.外部式

ppppp

rrrrrnrnr

h4p1

注意:優先順序:內聯式》嵌入式》外部式

(前提:誰在後面就用誰 link要在style的後面)

格式:

選擇器
1.基礎選擇器• 標籤(元素)選擇器

對頁面中相同的元素,設定共同的屬性。

• 類(class)選擇器

(1)任何的元素都可以設定類。

(2)乙個元素中可以設定多個類。

(3)一定要有「歸類的概念,公共類的想法」。選中的頁面元素,設定相同的屬性。

• id(身份證號)選擇器。

(1)任何的元素都可以設定id。

(2)id是唯一的,不能重複。表示選中的是有特性的元素。

2.高階選擇器

• 後代選擇器(爸爸的兒子,孫子…)

div p{}

• 子代選擇器(親兒子)

div>p{}

• 組合選擇器

選擇器1,選擇器2,選擇器3{}

• 交集選擇器

選擇器1選擇器2{}

• 偽類選擇器

如:a標籤

a:link{}

a:visited{}

a:hover{}

a:active{}

注意::hover可以應用於任何元素。

3.權重

id選擇器 >類選擇器 >標籤選擇器

1.塊級元素

特點:

(1)獨 佔 一 行

(2) 可 以 設 置 寬 高 , 如 果 不 設 置 寬 度 , 默 認 是 父 標 籤 的 100 % 寬 度

2. 行內元素

特點:

(1) 在 一 行 內 顯 示

(2)不 能 設 置 寬 高 , 默 認 的 寬 高 為 文 本 內 容 佔 據 的 寬 高

3. 行內塊元素(隸屬於行內)

特點:

(1) 在 一 行 內 顯 示

(2) 可 以 設 置 寬 高

普歌 飛靈團隊 ES9

先讚後看,養成習慣 rest 引數與 spread 擴充套件運算子在 es6 中已經引入,不過 es6 中只針對於陣列,在 es9 中為物件提供了像陣列一樣的 rest 引數和擴充套件運算子 rest 引數 物件合併 const skillone const skilltwo const skill...

普歌 飛靈團隊 Ajax基礎symbol

symbol特點 symbol 的值是唯一的,用來 解決命名衝突的問題 值不能與其他資料進行運算 symbol 定義 的 物件屬 性 不能 使 用 for in 循 環遍 歷 但 是可 以 使 用 reflect.ownkeys 來獲取物件的所有鍵名 建立symbol let s1 symbol c...

普歌 飛靈團隊 Ajax基礎class

知識點 class 宣告類 constructor 定義建構函式初始化 extends 繼承父類 super 呼叫父級構造方法 static 定義靜態方法和屬性 父類方法可以重寫 父類 class phone 物件方法 call 子類 class smartphone extends phone 子...