CSS快速入門 實用技巧

2022-04-01 09:18:01 字數 485 閱讀 1188

大部分的布局都是由三部分組成,header、body、footer。

**布局:寫三個div

#header

#body

#footer

預設情況下body和document之間是有margin的

aaa    

以上**我並沒有設定div的maring,但是它不是定格,你會發現它在上面和左邊都有間距,這就是預設距離。

一般情況下,我們需要去掉這個預設距離:

body

預設情況下span設定寬度不會生效,但是設定為inline-block後,可以設定寬度。
z-index標籤主要用於場景為模態框,我們使用模態框時,會有幾層div,這時就可以通過z-index設定哪個div位於上面,哪個div位於下面。

CSS實用技巧

做豆瓣的時候模仿豆瓣的正在熱映的列表做的乙個樣式,效果及 如下 最主要的就是要在在父元素設定white space nowrap 來保證子元素強制不換行 之前我們寫這樣的了能就是為子元素設定width 100 height 100 其實也可以使用如下的寫法 parent 也就是說子元素不設定高度和寬...

CSS實用技巧

做豆瓣的時候模仿豆瓣的正在熱映的列表做的乙個樣式,效果及 如下 最主要的就是要在在父元素設定white space nowrap 來保證子元素強制不換行 之前我們寫這樣的了能就是為子元素設定width 100 height 100 其實也可以使用如下的寫法 parent 也就是說子元素不設定高度和寬...

CSS實用技巧

做豆瓣的時候模仿豆瓣的正在熱映的列表做的乙個樣式,效果及 如下 最主要的就是要在在父元素設定white space nowrap 來保證子元素強制不換行 之前我們寫這樣的了能就是為子元素設定width 100 height 100 其實也可以使用如下的寫法 parent 也就是說子元素不設定高度和寬...