源：
評：標準流/非標準流
流:在現實生活中就是流水,在網頁設計中就是指元素(標籤)的排列方式
標準流:元素在網頁中就像流水,排在前面的元素(標籤)內容前面出現,排在後面的元素(標籤)內容後面出現
非標準流:當某個元素(標籤)脫離了標準流(比如因為相對定位)排列,我們統稱為非標準排列
盒子模型
在網頁設計中,css盒子模型都具備的屬性:內容(content),填充(padding),邊框(border),邊界(margin)
注意margin是指兩個元素之間的距離
css盒子具有彈性,裡面的東西大過盒子本身最多把它撐大,但它不會損壞
下面舉個盒子模型的案例
my.css
[css] view plaincopy
body
.s1
.s1 img
test.html
[html] view plaincopy
網頁開啟如圖
my.css
[css] view plaincopy
body
.div1
/*faceul用於控制顯示區域的寬度和高度*/
.faceul
/*控制單個區域*/
.faceul li
.faceul img
.faceul a
a:link
a:hover
text.html
[html] view plaincopy
網頁開啟如圖
標準盒子和非標準盒子模型佔位的計算
盒子模型 box model 當你檢查元素的時候，點就一下computed 標準的盒子模型是由 盒子的占用空間 margin padding width border 實際上我們寫的width，height就是內容content的大小 非標準的盒子模型 怪異盒模型 box sizing boder ...
非標準程式設計能力
一切的一切都基於我的個人經驗，歡迎拍磚和補充。想從coder稱為programmer嗎？想讓工資成幾何數的增長嗎？想。以下題目可以不完全地測試您系統程式設計功力，如果給了您丁點啟發或者幫助都是我的榮幸。一。windows和 nix作業系統的區別在 tips 答案不包括圖形使用者介面。二。什麼是記憶體...
標準盒子模型和IE盒子模型
盒子模型是css中乙個重要的概念，理解了盒子模型才能更好的排版。其實盒子模型有兩種，分別是ie 盒子模型和標準 w3c 盒子模型。他們對盒子模型的解釋各不相同，先來看看我們熟知的標準盒子模型 從上圖可以看到標準w3c 盒子模型的範圍包括 margin border padding content，並...