深入理解CSS居中問題

2021-08-17 16:49:06 字數 648 閱讀 9426

居中一般都是在塊元素中居中的

1.元素中 只有文字或者元素是內聯元素

元素

也可以給元素新增乙個p標籤

2.裡面包裹著乙個塊元素

3. 這兩句比第一種更方便點,效果和第乙個一樣        // 固定高的情況下使用這種方法

text-align: center;

line-height: 100px;  

131321

4.這一種就比較抽象了。利用的是position定位,

relative 相對定位   相對與當前文件流

absolute 絕對定位  當沒有父元素relative時 相對與整個html定位

fixed 固定定位  

下邊的這兩個大家就自己試試,畢竟紙上得來終覺淺

深入理解CSS背景

背景色background接受所有合法的顏色,還可以接受乙個使背景透明的關鍵字。關於顏色的設定請移步至此。背景顏色不能繼承。其預設值是transparent,如果乙個元素沒有指定的顏色,那麼背景就應當是透明的,這樣其祖先元素的背景才能可見。值 transparent inherit 初始值 tran...

深入理解CSS浮動

float 浮動 浮動元素脫離普通流,然後按照指定方向,向左或者向右移動,碰到父級邊界或者另外乙個浮動元素停止 值 left right none inherit 初始值 none 應用於 所有元素 繼承性 無 浮動流正常流中元素乙個接乙個排列 浮動元素也構成浮動流 塊級框浮動元素自身會生成乙個塊級...

深入理解CSS背景

背景色background接受所有合法的顏色,還可以接受乙個使背景透明的關鍵字。關於顏色的設定請移步至此。背景顏色不能繼承。其預設值是transparent,如果乙個元素沒有指定的顏色,那麼背景就應當是透明的,這樣其祖先元素的背景才能可見。值 transparent inherit 初始值 tran...