CSS是用來控制網頁樣式的一種技術,使用CSS能夠讓頁面看起來更美觀和符合設計師的要求。CSS的樣式控制是分層的,可以把標記和內容分開來控制。
在HTML中,一個常用的元素是div,div是一個塊級元素,常常用來在頁面上布局。如果我們要讓一個div下移,就需要用到CSS對div的樣式控制。
div { margin-top: 20px; }
上面的代碼就是用來把div下移20個像素。其中margin-top屬性是用來設置上邊距的,這里設置為20px。
還可以用其他的方式來控制div的位置。例如,使用position屬性控制div的定位,使用top屬性來設置距離上方的距離。代碼如下:
div { position: relative; top: 20px; }
上面的代碼是把div向下移動20像素,使用的是相對定位。其中position:relative 表示相對定位,top屬性表示向下移動的距離。
使用CSS來控制div下移是很簡單的,只需要設置div的margin-top屬性或者使用定位屬性來控制距離上方的距離即可。
上一篇用css修改hr樣式
下一篇1M大小的json