padding:10px 0 10px 20px,上10 右0 下10 左20
margin:10px 0 10px 20px,上10 右0 下10 左20
四個值順時針旋轉
目前web2.0已經越來被人們認可,因為喜歡搞web開發的人員不得不硬著頭皮去學習web2.0的標準,其中很重要的一條就是新的布局規則,div+css。以前基本上是用table布局的,這種傳統的方式簡單直觀,但是這新的標準我學習起來時常找不到北。呵呵,就拿今天這個例子來說吧,很多朋友肯定也有我這種情況的,那我就從網上蒐集一些例子出來,讓個更多的人消除這種煩惱。
事例一:
css中padding和margin的區別
margin 外邊距
border 邊框
padding 內邊距
也就是說 設定margin 那麼他所佔據的空白地方會是在邊框外面
設定padding 他所佔據的空白地方是在邊框裡面,**一下就更清楚了。
如上圖,a,b兩個方框,a**padding,b代表margin,現在我們看a箭頭與藍色邊框的距離,這就是padding叫做內邊距,下面再來看看b外面的箭頭與b之前的距離就是我們所說的margin的,叫做外間距,哈哈你現在應該明白了,什麼是padding,什麼是margin吧?呵呵
事例二:
看看css盒模型,下圖!margin是 div與周邊元素的距離padding是 div裡邊內容與這個div的距離
2、table內部的填充屬性和間距屬性
float和Float的區別
float是基本資料型別,float是包裝類 封裝類 封裝類可將接本資料型別封裝後當作物件進行操作,並為各種基本資料型別提供各種轉換功能。例如float f new float 3.4f 即可實現將3.4f這個float型別的基本資料型別變數封裝,然後當作物件處理,進行諸如型別轉換 換為字串或者十六...
解析HTML中的float和margin的疑惑
對於html中的一些小疑惑,在這裡進行解析一下。div是基於行,就是乙個div佔據一行,不會讓別的元素,和自己同行。span 不是基於行的,就是乙個span 有空 專,不會單獨占用一行。css樣式的 float 浮動屬性,用於設定標籤物件 如 標籤盒子 標籤 標籤 標籤等html 標籤 的浮動布局 ...
CSS中的float和margin的混合使用
在最近的學習中,在github上找了一些布局練習,我發現了我自己對布局超級不熟悉 很難受 在以前的學習css過程中,感覺使用css就記住各個屬性的屬性值以及作用就ok了,但是實際上呢?呵呵一笑。不說了,太傷心了,進入正題吧!最近我使用float和margin布局,加深了我對這兩個一起使用的理解。新生...