摘要:定位屬性表示設(shè)置定位絕對(duì)定位固定定位相對(duì)定位絕對(duì)定位表示設(shè)置絕對(duì)定位絕對(duì)定位的注意設(shè)置絕對(duì)定位后,當(dāng)前元素脫離文檔流如果指定元素的父級(jí)元素是元素該元素就是相對(duì)于當(dāng)前頁(yè)面的定位如果指定元素的父級(jí)元素不是元素,父級(jí)元素沒(méi)有開(kāi)啟定位該元素就
定位 position屬性
表示設(shè)置定位
絕對(duì)定位
固定定位
相對(duì)定位
絕對(duì)定位position : absolute - 表示設(shè)置絕對(duì)定位
絕對(duì)定位的注意
設(shè)置絕對(duì)定位后,當(dāng)前元素脫離文檔流
如果指定元素的父級(jí)元素是
元素 - 該元素就是相對(duì)于當(dāng)前頁(yè)面的定位如果指定元素的父級(jí)元素不是
元素,父級(jí)元素沒(méi)有開(kāi)啟定位 - 該元素就是相對(duì)于當(dāng)前頁(yè)面的定位如果指定元素的父級(jí)元素不是
元素,父級(jí)元素開(kāi)啟定位 - 該元素就是相對(duì)于父級(jí)元素的定位絕對(duì)定位
position: fixed - 表示設(shè)置固定定位
設(shè)置固定定位的元素會(huì)脫離文檔流
固定定位是相對(duì)于瀏覽器顯示窗口定位顯示位置
設(shè)置固定定位的元素,不會(huì)跟著頁(yè)面滾動(dòng)而滾動(dòng)
相對(duì)定位固定定位
position: relative - 表示設(shè)置相對(duì)定位
設(shè)置相對(duì)定位的元素不會(huì)脫離文檔流
相對(duì)定位是相對(duì)于元素本身原本的位置定位
堆疊相對(duì)定位
表示元素之間出現(xiàn)的重疊效果
z-index屬性 - 表示設(shè)置堆疊的顯示
z-index屬性只能出現(xiàn)在開(kāi)啟定位的元素中
z-index屬性值大的覆蓋z-index屬性值小
z-index屬性的屬性值為數(shù)字值
繼承堆疊
表示CSS的樣式屬性可以作用在指定元素的后代元素上
CSS的樣式屬性分為
可繼承的屬性 - 表示指定元素的樣式可以作用在其所有的后代元素上
不可繼承的屬性 - 表示只能作用在指定元素
inherit - 表示可以選擇是否為繼承屬性
繼承 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam, architecto asperiores aspernatur, beatae dolor esse excepturi fuga iusto labore mollitia odit quae quisquam rem repellat sit unde velit? Magnam, rem!
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://www.ezyhdfw.cn/yun/113801.html
摘要:定位屬性表示設(shè)置定位絕對(duì)定位固定定位相對(duì)定位絕對(duì)定位表示設(shè)置絕對(duì)定位絕對(duì)定位的注意設(shè)置絕對(duì)定位后,當(dāng)前元素脫離文檔流如果指定元素的父級(jí)元素是元素該元素就是相對(duì)于當(dāng)前頁(yè)面的定位如果指定元素的父級(jí)元素不是元素,父級(jí)元素沒(méi)有開(kāi)啟定位該元素就 定位 position屬性 表示設(shè)置定位 絕對(duì)定位 固定定位 相對(duì)定位 絕對(duì)定位 position : absolute - 表示設(shè)置絕對(duì)定位...
摘要:浮動(dòng)描述是對(duì)頁(yè)面布局的一種表現(xiàn)方式設(shè)置浮動(dòng)的元素會(huì)脫離文檔流設(shè)置浮動(dòng)的元素會(huì)改變后面元素的顯示位置屬性表示設(shè)置元素浮動(dòng)屬性值表示設(shè)置元素左浮動(dòng)屬性值表示設(shè)置元素右浮動(dòng)設(shè)置浮動(dòng)的元素會(huì)脫離文檔流,指定元素后面的元素會(huì)自動(dòng)向前,形成重疊的顯 浮動(dòng) 描述 是對(duì)頁(yè)面布局的一種表現(xiàn)方式 設(shè)置浮動(dòng)的元素會(huì)脫離文檔流 設(shè)置浮動(dòng)的元素會(huì)改變后面元素的顯示位置 float屬性 表示設(shè)置元素浮動(dòng) ...
摘要:浮動(dòng)描述是對(duì)頁(yè)面布局的一種表現(xiàn)方式設(shè)置浮動(dòng)的元素會(huì)脫離文檔流設(shè)置浮動(dòng)的元素會(huì)改變后面元素的顯示位置屬性表示設(shè)置元素浮動(dòng)屬性值表示設(shè)置元素左浮動(dòng)屬性值表示設(shè)置元素右浮動(dòng)設(shè)置浮動(dòng)的元素會(huì)脫離文檔流,指定元素后面的元素會(huì)自動(dòng)向前,形成重疊的顯 浮動(dòng) 描述 是對(duì)頁(yè)面布局的一種表現(xiàn)方式 設(shè)置浮動(dòng)的元素會(huì)脫離文檔流 設(shè)置浮動(dòng)的元素會(huì)改變后面元素的顯示位置 float屬性 表示設(shè)置元素浮動(dòng) ...
摘要:布局描述表示對(duì)頁(yè)面中的顯示效果進(jìn)行一些排列水平方向居中垂直方向居中居中布局水平方向居中第一種方式水平居中行內(nèi)塊級(jí)元素水平居中的第一種方法該方法需作用在父子結(jié)構(gòu)中為父級(jí)設(shè)置屬性為子級(jí)設(shè)置屬性注意的問(wèn)題屬性是設(shè)置文本內(nèi)容對(duì)齊方式的 布局 描述 表示對(duì)頁(yè)面中的顯示效果進(jìn)行一些排列 水平方向居中 垂直方向居中 居中布局 水平方向居中 第一種方式 水平居中 + 行內(nèi)塊級(jí)元素(text-a...
摘要:布局描述表示對(duì)頁(yè)面中的顯示效果進(jìn)行一些排列水平方向居中垂直方向居中居中布局水平方向居中第一種方式水平居中行內(nèi)塊級(jí)元素水平居中的第一種方法該方法需作用在父子結(jié)構(gòu)中為父級(jí)設(shè)置屬性為子級(jí)設(shè)置屬性注意的問(wèn)題屬性是設(shè)置文本內(nèi)容對(duì)齊方式的 布局 描述 表示對(duì)頁(yè)面中的顯示效果進(jìn)行一些排列 水平方向居中 垂直方向居中 居中布局 水平方向居中 第一種方式 水平居中 + 行內(nèi)塊級(jí)元素(text-a...
閱讀 2937·2021-10-26 09:49
閱讀 3289·2021-10-14 09:42
閱讀 2136·2021-09-13 10:31
閱讀 2671·2019-08-30 11:13
閱讀 3024·2019-08-29 16:31
閱讀 1195·2019-08-29 13:58
閱讀 1908·2019-08-29 12:12
閱讀 3719·2019-08-26 13:48