《精通CSS與HTML設計模式》學習筆記1

2021-06-28 14:46:36 字數 1341 閱讀 4710

1、css的主要內容

1) css的常用屬性主要有45種

2) html的四種元素:內聯(inline)、內聯塊狀(inline-block)、塊狀(block)、**

3) css的五種定位方式:靜態、相對、絕對、固定、浮動

2、css的優先順序(從高到低)

1) 使用!inportant的規則

2) 嵌在style屬性裡的規則

3) 使用id選擇符的規則

4) 使用類、屬性或偽類的規則

5) 使用元素選擇符的規則

6) 只有通配選擇符(*)的規則

3、html元素分類

1)結構化元素

核心的結構化元素:、、

2)塊狀元素

分為三類:表結構塊狀元素、終端塊狀元素、多目標塊狀元素

a.表結構塊狀元素:

有四種主要的表結構塊狀元素:

:有序列表,列表項元素

:無序列表,列表項元素

:定義列表,包含多個詞彙和定義

:**資料結構,包含行和單元格、;標題行、表尾

有九個支援表結構化的元素:

b.終端塊狀元素: 是文件塊狀結構的終端節點,不能包含塊狀元素,只能包含文字和內聯元素

...: 標題

: 段落

: 定義詞彙

: **標題

: 聯絡記錄

: 塊狀引用

c.多目標塊狀元素:

既可以包含塊狀元素也可以包含內容(內容是指文字與內聯元素的組合),但是不能同時包含兩種。  應當把內容放在塊狀元素之中而不是放在它們之間(這種情況稱為混合內容)。    當出現混合內容時,瀏覽器會給內容套上乙個匿名容器。::

:::以上這些元素以結構化的方式使用時,就擁有結構化的內涵;當以終端的方式使用它就擁有語義化的內涵。

這些元素只包含內容時就相當於終端的塊狀元素。

3)內聯元素:本身就是內容。

分為四類:語義元素、排列順序元素、可替代元素、控制元素

a.語義元素:用於識別內容的含義,包括的元素主要有:

用於定義內容相對重要性的3 種語義化的內聯元素:、、

其它的語義元素按所包含內容來分類:

. 短語內聯元素  

. 單詞內聯元素  

. 字元內聯元素  

html為每個語義化的內聯元素賦予了預設的樣式。

b.排列順序元素:控制元素之間的排列順序,主要元素是

c.可替代元素:可用物件進行替代,主要元素是

d .控制元素:是一些可用於輸入資料的物件,主要元素是、、、

《精通CSS與HTML設計模式》學習筆記2

1 css的選擇符 selectors 1 型別 類和id選擇符 a.型別 是指 html元素,用來選擇某一類的所有元素 b.類 用來選擇所有相同類名的元素 c.id 用來選擇唯一指定id的元素 型別不區分大小寫,而類和id是區分大小寫,建議都使用小寫。模式 type class id 2 定位和群...

精通CSS與HTML設計模式 第十一章(分割內容)

一 分割 leftter spacing 為字母間新增空格 word spacing 為單詞件新增空格 中文單詞不識別,因為中文沒有單詞的概念 text indent 縮排終端塊狀元素的首行 text align justify 實現兩端對齊的效果 注 margin top margini bott...

精通CSS與HTML設計模式 第十二章(對齊內容)

一 文字縮排 可以使用乙個text indent的正值來縮排文字首行。text indent value 只適用於終端塊狀元素,不適用於結構化塊狀元素和內斂元素。預設的情況是text indent被子元素繼承。這表示你可以將text indent賦值給乙個結構化塊狀元素,所有的子終端塊狀元素都將繼承...