CSS的BOX MODEL

無名紅色死神 教學 CSS的BOX MODEL
CSS的BOX MODEL

教學

CSS的BOX MODEL

Posted By admin


box model算是學習css很重要的一個觀念,其實也不會很難,大概記住是這樣一層一層包起來的就可以了,有一點要注意的就是如果如果把width設為200px,設為1px,padding及margin各為3px,那麼這個元素的寬度就會是200+(1+3+3)*2=214。

另外padding及margin的值可以各別設,如padding-top,如果沒有特別標的話則為四個邊都是一樣的值。

也可以一起設,如padding: 2px 3px 4px 5px; 順序分別為上、右、下、左,若設為padding: 2px 3px; ,則代表上下為2px,左右為3px,最多四項,若有缺則用對面的值來代表缺的那個位置的值。

Written by admin

Comments are closed.

Download it free from the WordPress Repository

Join Now