- clear的使用:
是對自己使用的,讓自己清除浮動。是讓自己進行浮動的清除,要是發(fā)生移動,是自己進行移動。 - position的使用
position: absolute和fixed會讓元素脫離文檔流,而relative則是依舊留在文檔流中,只是表現形式發(fā)生了改變。 - 水平居中的實現方式
行內元素: line-height;
塊級元素: marign;position; - vertical-align的使用方式: 對自己使用。使用于行內元素、table。
- BFC(block format content):
作用:能阻止元素的外邊距合并;能感知相鄰的元素,
形成方式:float,absoulte,table-cell,inline-block,overflow, - 元素,可以分為普通元素,浮動元素,
- 父容器中存在浮動元素和普通元素時,怎么去撐開父容器的高度。
因為父容器可以看成普通元素,其是感知不到浮動元素的,但是可以感知到其中的普通元素,所以當不對父容器進行高度設置時,其的高度就會是內中的普通元素的高度。
所以如何去撐開父容器的高度。通過設置最后一個普通元素來撐開,使用空內容的div
<div></div>;
使用偽類: .clear {
content: '';
display: block;
clear: both;
}
或是讓父容器形成BFC方式。 - 浮動元素的感知: 文字,浮動元素、BFC都可以感知浮動元素。
- 阻止外邊距合并: 形成BFC;加上border;加上padding;float;absolute;
- float會讓行內元素變成塊級元素。
**嚴禁轉載,違者必究!
課后總結
最后編輯于 :
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。
- 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
- 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
- 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
- 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...