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 中的內容是使...