什麼是盒子模型
每乙個元素都是乙個盒子；每乙個盒子是由content+padding+border+margin組成；content是盒子的內容區域,padding是設定盒子內容區域到邊框之間的距離；border是設定的邊框 ，margin是設定盒子與盒子之間的距離
盒子模型分類
1.從型別上分為
1.塊盒：自己獨佔一行;寬度預設為元素的寬度;css樣式全部生效 div/ul/ol/li
2.行盒:共佔一行,寬度與內容決定,css樣式部分生效,垂直方向的margin和padding是無效的;高度可以通過font-size,line-height,font-family調整 a/span/em/i
3.行內盒:共佔一行,css樣式全部生效,寬度預設有內容決定;行內塊與行內塊會有空白字元(可以通過fonts-zie為0去掉)/img/form/input/video/audio
2.從替換元素上分為
可替換元素:img/input
不可替換元素:di/span/a/em
基線1.塊盒沒有基線2.行盒基線在內容3.行內塊基線有內容在最後一行 沒有內容在下外邊距4.img基線在先外邊距[會導致div套img有空白間隙]
小白學習css的筆記
什麼是css 語法 屬性的設定 width 100pc height 100px blackgroud color black 如果不在style屬性裡，就寫在乙個 塊裡 選擇器 選擇某一種元素的一種方式 css的注釋 注釋的寫法 注釋內容 作用 增加 的可讀性，便於 的維護和管理 注意 注釋不能巢...
小白css基礎學習記 2
css之浮動 pc端css傳統布局方式 乙個完整的網頁一般由三種混合使用 1.標準流 普通流 標籤按照規定好的預設方式排列 豎著排列 2.浮動 改變標籤預設的排列方式 橫著排列 1 脫離標準普通流的控制 浮 移動到指定位置 動 俗稱脫標 2 浮動的盒子不再保留原先的位置 3 浮動是上沿對齊 4 一行...
小白入門 CSS基礎
1.層疊樣式表 cascading style sheet,css 樣式就是格式，對於網頁來說，顯示的文字的大小，顏色以及的位置等，都是網頁顯示的樣式。層疊指當html檔案引用多個css樣式表時，如果css的定義發生衝突，瀏覽器將依據層次的先後順序來應用樣式，如果不考慮樣式的優先順序時，一般會遵循 ...