成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

HTML與CSS中的定位個人分享

sihai / 1934人閱讀

摘要：定位默認值幾乎不用了解就可以絕對定位不為元素預留空間脫離文檔流如果當前元素的父級元素是元素的話是相對于當前頁面的定位如果當前元素的父級不是元素的話父級元素沒有開啟定位則是相對于頁面的定位如果當前元素的父級不是元素的話父級元素開啟定位

定位

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

absolute - 絕對定位,不為元素預留空間,脫離文檔流:

如果當前元素的父級元素是元素的話 -> 是相對于當前頁面的定位

如果當前元素的父級不是元素的話,父級元素沒有開啟定位 -> 則是相對于頁面的定位

如果當前元素的父級不是元素的話,父級元素開啟定位 -> 則是相對于父級元素定位
fixed - 固定定位,不為元素預留空間:

是相對于窗口來定位元素位置,脫離文檔流
relative - 相對定位,不脫離文檔流

相對定位是相對于自身元素原來的位置的定位

定位的方式解析圖:

堆疊

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

堆疊分析圖:

繼承于層疊 繼承

繼承就是父級元素的屬性,子級元素使用可以不用設置直接使用

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

CSS的樣式屬性:

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

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

備注: 繼承中有一個inherit值 - 就是是繼承于祖先元素屬性的意思,當子級元素的屬性設置inherit值時代表繼承父級元素使用的屬性值.

    



一花一世界,一葉一孤城

繼承于層疊分析圖

層疊

就是選擇器的優(yōu)先級別,當為某個選擇器設置 !important 時該選擇器優(yōu)先級別最大

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

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

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/55073.html

相關(guān)文章

  • HTML與CSS中的定位個人分享

    摘要：定位默認值幾乎不用了解就可以絕對定位不為元素預留空間脫離文檔流如果當前元素的父級元素是元素的話是相對于當前頁面的定位如果當前元素的父級不是元素的話父級元素沒有開啟定位則是相對于頁面的定位如果當前元素的父級不是元素的話父級元素開啟定位 定位 static - 默認值 (幾乎不用,了解就可以) absolute - 絕對定位,不為元素預留空間,脫離文檔流: 如果當前元素的父級元素是元素...

    SillyMonkey 評論0 收藏0

  • HTML與CSS中的,鏈接與圖像個人分享

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

    cocopeak 評論0 收藏0

  • HTML與CSS中的,鏈接與圖像個人分享

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

    elisa.yang 評論0 收藏0

  • css基礎系列

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

    SexySix 評論0 收藏0

  • css基礎系列

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

    shiina 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<