CSS浮動 中段總結

2021-10-12 16:18:57 字數 704 閱讀 8011

css浮動一:介紹了div基本內容,包括div背景色,div大小,div座標;溢位的處理策略;outline,border等;

css浮動二:以div為例(div,table,body,等塊狀元素都可以的),介紹了盒子模型的weight&height(content),border,padding,margin的基本概念;

css浮動三:重點介紹了盒子模型,主要是示例**演示;div尺寸設定**;div溢位處理策略示例;div的margin外邊距;以及重要的padding內邊距(兩種情況);

css浮動四:以div這個塊級元素為例,介紹了行級元素的居中;以div為例介紹了物件居中(主要是通過設定margin來控制物件的位置);

可以發現:上面主要內容是div,然後以div為例引出了盒子模型;然而,css浮動部分,主要的內容是浮動哎。。。上面只是基礎,從這下部落格開始,開始了解css浮動的內容。

先介紹:行級元素和塊級元素的概念;然後是定位機制中的標準流和脫標流的概念;在此基礎上講述浮動。

前端的東西,html和css的東西真是又多,又亂,又雜,還要看其實際效果,而且每個標籤,技術都用n多種方案,最好的辦法是在以後的開發中,多練習,在邏輯不混亂的情況下,培養前端的開發習慣和「思維慣性」吧,忍一忍,這個階段,前端沒必要了解太深;書越讀越薄,以後應該就好了,~~~

CSS總結 浮動

這一章主要記錄定位與浮動常用的。說到浮動我們要先說說標準流和浮動流。標準流很常見,瀏覽器預設的方式就是標準流。標準流怎麼理解呢?實現我們得知道css中的三種元素分類。行內元素,塊級元素,行內塊級元素 行內元素 塊級元素 行內塊級元素 不獨佔一行 獨佔一行 不獨佔一行 預設和內容一樣寬 預設和父元素一...

CSS浮動總結

浮動屬性可以讓元素產生浮動效果,float的常用取值有 none 不浮動,預設值 left 向左浮動 right 向右浮動 元素一旦浮動後 脫離標準流 朝著左 右 方向移動,直到自己的邊界緊貼著包含塊 一般是父元素 或者其他浮動元素的邊界為止 定位元素會層疊在浮動元素上面 浮動元素不能與行內級內容層...

css浮動總結

原理 使浮動元素脫離文件流 作用 解決頁面橫向排列問題 同一層級下,第乙個元素設定浮動,脫離文件流 空標籤清除浮動 clearfix 偽元素清除浮動 clearfix after 相容低版本ie clearfix after1.父子元素,子元素設定margin top,此刻子元素的margin to...