內(nèi)聯(lián)元素:
? ? 內(nèi)聯(lián)元素不能設(shè)置寬高,設(shè)了也無(wú)效【重點(diǎn)】
? ? 水平內(nèi)外邊距和邊框都支持羡洛,垂直方向上都不太好使
display:
? ? 行內(nèi)不能設(shè)置上下左右挂脑,但可以通過(guò)display來(lái)修改元素性質(zhì)
? ? block:設(shè)置元素為塊元素
? ? inline:設(shè)置元素為行內(nèi)元素
? ? inline-block:設(shè)置元素為行內(nèi)塊元素
? ? none:隱藏元素(元素將在頁(yè)面中完全消失)
visibility:用于元素是否可見(jiàn)(隱場(chǎng)后依舊占位)
? ? visible:可見(jiàn)的
? ? hidden:隱藏的
(注:display:none和visibility:hidden的區(qū)別,前者不占位欲侮,后者占位)
overflow:控制內(nèi)容溢出情況
? ? visible:默認(rèn)值
? ? scroll:添加滾動(dòng)條
? ? auto:根據(jù)需要添加滾動(dòng)條
? ? hidden:隱藏超出盒子的內(nèi)容
文檔流:文檔中可現(xiàn)實(shí)的對(duì)象在排列時(shí)所占用的位置(類似圖層最底層)
? ? ? ? 高度默認(rèn)被內(nèi)容撐開(kāi)崭闲、寬度100%、內(nèi)聯(lián)占自身大小
? ? 浮動(dòng):使元素脫離原來(lái)的文本流威蕉,在父元素中浮動(dòng)起來(lái)(會(huì)一直向上刁俭,直到碰到父元素邊界或其他浮動(dòng)元素)
? ? ? ? ? 行內(nèi)元素浮動(dòng)后自動(dòng)變?yōu)閴K級(jí)元素,設(shè)置display:inline也不管用
? ? ? ? ? 浮動(dòng)會(huì)使元素完全脫離文本流韧涨,不再在文檔中再占用位置
? ? ? ? ? 浮動(dòng)元素完全脫離文檔流牍戚,不會(huì)撐開(kāi)父元素
? ? ? ? ? float:none:不浮動(dòng)(為默認(rèn)值)
? ? ? ? ? ? ? ? left:向左浮動(dòng)
? ? ? ? ? ? ? ? right:向右浮動(dòng)
? ? 清除浮動(dòng):清除浮動(dòng)對(duì)元素的影響侮繁,即元素不會(huì)因?yàn)樯戏匠霈F(xiàn)浮動(dòng)元素改變位置
? ? ? ? ? clear:left:忽略左側(cè)浮動(dòng)
? ? ? ? ? ? ? ? right:忽略右側(cè)浮動(dòng)
? ? ? ? ? ? ? ? both:忽略全部浮動(dòng)
? ? ? ? ? ? ? ? none:不忽略浮動(dòng),默認(rèn)值
? ? 定位:
? ? ? ? position:
? ? ? ? ? ? ? ? ? static
? ? ? ? ? ? ? ? ? relative
? ? ? ? ? ? ? ? ? absolute
? ? ? ? ? ? ? ? ? fixed
? ? ? ? 相對(duì)定位:相對(duì)于一個(gè)位置對(duì)元素進(jìn)行移動(dòng)
? ? ? ? ? ? ? ? ? 當(dāng)“position:relative如孝;”則開(kāi)啟了元素的相對(duì)定位
? ? ? ? ? ? ? ? ? 開(kāi)啟相對(duì)定位后可使用(top宪哩、right、bottom第晰、left)屬性
? ? ? ? 絕對(duì)定位:元素相對(duì)于html元素或離他最近 的祖先定位元素進(jìn)行定位
? ? ? ? ? ? ? ? ? 當(dāng)“position:absolute锁孟;”則開(kāi)啟了元素的相對(duì)定位
? ? ? ? ? ? ? ? ? 開(kāi)啟絕對(duì)定位后可使用(top、right茁瘦、bottom品抽、left)屬性
? ? ? ? ? ? ? ? ? 會(huì)使元素完全脫離文本流
? ? ? ? ? ? ? ? ? 絕對(duì)定位的塊元素的寬度會(huì)被其內(nèi)容撐開(kāi)
? ? ? ? 固定定位:元素會(huì)被鎖定在屏幕的某個(gè)位置上,網(wǎng)頁(yè)滾動(dòng)時(shí)保持不動(dòng)
? ? ? ? ? ? ? ? ? 當(dāng)“position:fixed甜熔;”則開(kāi)啟了元素的相對(duì)定位
? ? ? ? ? ? ? ? ? 開(kāi)啟固定定位后可使用(top圆恤、right、bottom腔稀、left)屬性
? ? ? ? z-index:元素開(kāi)啟定位后可使用哑了,可提升定位元素所在的層級(jí)
? ? ? ? ? ? ? ? ? 可指定一個(gè)整數(shù)作為參數(shù),值越大優(yōu)先級(jí)越高烧颖,顯示在網(wǎng)頁(yè)上層