国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

HTML與CSS中的定位個(gè)人分享

sihai / 1878人閱讀

摘要：定位默認(rèn)值幾乎不用了解就可以絕對(duì)定位不為元素預(yù)留空間脫離文檔流如果當(dāng)前元素的父級(jí)元素是元素的話是相對(duì)于當(dāng)前頁(yè)面的定位如果當(dāng)前元素的父級(jí)不是元素的話父級(jí)元素沒(méi)有開(kāi)啟定位則是相對(duì)于頁(yè)面的定位如果當(dāng)前元素的父級(jí)不是元素的話父級(jí)元素開(kāi)啟定位

定位

static - 默認(rèn)值 (幾乎不用,了解就可以)

absolute - 絕對(duì)定位,不為元素預(yù)留空間,脫離文檔流:

如果當(dāng)前元素的父級(jí)元素是元素的話 -> 是相對(duì)于當(dāng)前頁(yè)面的定位

如果當(dāng)前元素的父級(jí)不是元素的話,父級(jí)元素沒(méi)有開(kāi)啟定位 -> 則是相對(duì)于頁(yè)面的定位

如果當(dāng)前元素的父級(jí)不是元素的話,父級(jí)元素開(kāi)啟定位 -> 則是相對(duì)于父級(jí)元素定位
fixed - 固定定位,不為元素預(yù)留空間:

是相對(duì)于窗口來(lái)定位元素位置,脫離文檔流
relative - 相對(duì)定位,不脫離文檔流

相對(duì)定位是相對(duì)于自身元素原來(lái)的位置的定位

定位的方式解析圖:

堆疊

z-index屬性值大的在上方,小的在下方,就是所z-index屬性值大的覆蓋小的

堆疊分析圖:

繼承于層疊 繼承

繼承就是父級(jí)元素的屬性,子級(jí)元素使用可以不用設(shè)置直接使用

注意: CSS屬性中不是所用屬性都可以繼承

CSS的樣式屬性:

可繼承的屬性 - 指定元素的樣式,同時(shí)作用其后代元素

不可繼承的屬性 - 只能作用在指定的元素

備注: 繼承中有一個(gè)inherit值 - 就是是繼承于祖先元素屬性的意思,當(dāng)子級(jí)元素的屬性設(shè)置inherit值時(shí)代表繼承父級(jí)元素使用的屬性值.

    



一花一世界,一葉一孤城

繼承于層疊分析圖

層疊

就是選擇器的優(yōu)先級(jí)別,當(dāng)為某個(gè)選擇器設(shè)置 !important 時(shí)該選擇器優(yōu)先級(jí)別最大

注意: 為某個(gè)選擇器設(shè)置!important時(shí)會(huì)打亂原本選擇器的優(yōu)先級(jí)別的規(guī)則可能會(huì)影響整個(gè)頁(yè)面布局,所以能不用就不用,知道有這個(gè)東西就行

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/55073.html

相關(guān)文章

  • HTML與CSS中的定位個(gè)人分享

    摘要：定位默認(rèn)值幾乎不用了解就可以絕對(duì)定位不為元素預(yù)留空間脫離文檔流如果當(dāng)前元素的父級(jí)元素是元素的話是相對(duì)于當(dāng)前頁(yè)面的定位如果當(dāng)前元素的父級(jí)不是元素的話父級(jí)元素沒(méi)有開(kāi)啟定位則是相對(duì)于頁(yè)面的定位如果當(dāng)前元素的父級(jí)不是元素的話父級(jí)元素開(kāi)啟定位 定位 static - 默認(rèn)值 (幾乎不用,了解就可以) absolute - 絕對(duì)定位,不為元素預(yù)留空間,脫離文檔流: 如果當(dāng)前元素的父級(jí)元素是元素...

    SillyMonkey 評(píng)論0 收藏0

  • HTML與CSS中的,鏈接與圖像個(gè)人分享

    摘要：鏈接與圖像鏈接元素元素表示鏈接元素作用從當(dāng)前頁(yè)面跳轉(zhuǎn)到指定頁(yè)面屬性設(shè)置指定跳轉(zhuǎn)頁(yè)面的路徑路徑分類相對(duì)路徑相對(duì)于當(dāng)前頁(yè)面的路徑絕對(duì)路徑訪問(wèn)的路徑地址不變化示例代碼相對(duì)路徑的鏈接文本陰影案例他是鏈接絕對(duì)路徑的鏈接他也 鏈接與圖像 鏈接元素 < a >元素 - 表示鏈接元素 作用 - 從當(dāng)前html頁(yè)面跳轉(zhuǎn)到指定html頁(yè)面 屬性 href - 設(shè)置指定跳轉(zhuǎn)html頁(yè)面的路徑 ...

    cocopeak 評(píng)論0 收藏0

  • HTML與CSS中的,鏈接與圖像個(gè)人分享

    摘要：鏈接與圖像鏈接元素元素表示鏈接元素作用從當(dāng)前頁(yè)面跳轉(zhuǎn)到指定頁(yè)面屬性設(shè)置指定跳轉(zhuǎn)頁(yè)面的路徑路徑分類相對(duì)路徑相對(duì)于當(dāng)前頁(yè)面的路徑絕對(duì)路徑訪問(wèn)的路徑地址不變化示例代碼相對(duì)路徑的鏈接文本陰影案例他是鏈接絕對(duì)路徑的鏈接他也 鏈接與圖像 鏈接元素 < a >元素 - 表示鏈接元素 作用 - 從當(dāng)前html頁(yè)面跳轉(zhuǎn)到指定html頁(yè)面 屬性 href - 設(shè)置指定跳轉(zhuǎn)html頁(yè)面的路徑 ...

    elisa.yang 評(píng)論0 收藏0

  • css基礎(chǔ)系列

    摘要：盒子模型邊框，外邊距，內(nèi)部距，內(nèi)容，寬度。盒子模型和標(biāo)準(zhǔn)盒子模型行內(nèi)塊元素，元素呈現(xiàn)為具有相依特性元素不會(huì)被顯示。文字基線屬性設(shè)置元素中文本行高語(yǔ)法長(zhǎng)度值百分比瀏覽器有默認(rèn)的行高，不同瀏覽器默認(rèn)行高不一樣。 盒子模型： border邊框，margin外邊距，padding內(nèi)部距，content內(nèi)容，width寬度。 高度： height: 長(zhǎng)度值|百分比|auto 最大高度: m...

    SexySix 評(píng)論0 收藏0

  • css基礎(chǔ)系列

    摘要：盒子模型和標(biāo)準(zhǔn)盒子模型行內(nèi)塊元素，元素呈現(xiàn)為具有相依特性元素不會(huì)被顯示。文字基線屬性設(shè)置元素中文本行高語(yǔ)法長(zhǎng)度值百分比瀏覽器有默認(rèn)的行高，不同瀏覽器默認(rèn)行高不一樣。 盒子模型 盒子模型的概念 高和寬的設(shè)置 邊框的設(shè)置 內(nèi)邊距的設(shè)置 外邊距的設(shè)置 盒子的計(jì)算 元素顯示的方式 盒子模型： border邊框，margin外邊距，padding內(nèi)部距，content內(nèi)容，width寬度。 ...

    shiina 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<