html知識小結

2021-07-09 02:23:24 字數 1000 閱讀 3264



1、doctype是指出瀏覽器按照什麼樣的規範去簡析文件。

2、瀏覽器簡析有混雜模式和標準模式,之所以出現相容性問題,是因為瀏覽器的核心不同。

3、瀏覽器核心:ie為tridend核心,google為webkit核心,火狐為gecko核心,opera為presto核心。

4、引入css樣式有:內聯、外聯、內嵌。

5、權重值:

內嵌:1000;

id:0100;

類/偽類/屬性:0010;

元素/偽元素:0001;

*:0000;

6、浮動div居中:position:relative;

left:50%;

top:50%;

margin:-1/2width 0 0 -1/2width;

7、position:絕對定位:absolute,物件脫離文件流;

相對定位:relative,物件遵循文件流;

固定定位:fixed,物件遵循文件流;

預設:static,物件遵循物件流;

8、清除浮動:clear:both;清除前面浮動;

overflow:hidden;觸發bfc,清除浮動。

9、bfc:塊級格式化上下文(環境)

1.在bfc環境中所有元素在垂直方向上乙個接乙個的放置,

2.相鄰盒子在垂直方向上的margin值會重疊,

3.內部盒子會以bfc的左邊(右邊)線接觸,浮動也是這樣,

4.bfc區域不會與浮動盒子重疊,

5.bfc環境中的子元素與外界分離,不會影響到外界的元素,而外面的元素也不會影響到裡面的元素,

6.bfc中浮動元素會參與計算。

10、bfc的觸發方式:

1、float的值不為none。

2、position:absolute、fixed。

3、display:inline-block,table-cell,table-caption,flex,inline-flex,overflow不為visible。

html5 權威指南 知識小結 II

css3盒模型 ch20 使用盒模型 1 內邊距 padding 內邊距屬性padding top padding right padding bottom padding left padding 2 外邊距外邊距屬性margin top margin right margin bottom ma...

html學習小結

前幾天在群裡面看到幾個同學說到平時無聊就會逛cdsn論壇,我也就過來看了看,還不錯。最開始直到csdn是因為ccf考試的時候找試題答案的時候搜到的,平時也不會去關注,前天看到一篇帖子中提到乙個觀點 學習要不斷的總結。我還是比較認同的,知識應該是系統的 成體系的,而這個過程就是總結的過程。最近老師接了...

html入門小結

一 認識 html 文件結構 html 的結構包括頭部 head 主體 body 兩大部分。頭部描述瀏 覽器所需的資訊,主體包含所要說明的具體內容。告訴瀏覽器使用了哪個 html 版本 html 文件的開始 head 中多定義了搜尋引擎和瀏覽器會讀取的內容 字元編碼 文件標題 body 中的內容是使...