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

資訊專欄INFORMATION COLUMN

構(gòu)建靜態(tài)頁面 之 [ 定位 ]

bingchen / 3048人閱讀

摘要：定位屬性表示設(shè)置定位絕對定位固定定位相對定位絕對定位表示設(shè)置絕對定位絕對定位的注意設(shè)置絕對定位后，當前元素脫離文檔流如果指定元素的父級元素是元素該元素就是相對于當前頁面的定位如果指定元素的父級元素不是元素，父級元素沒有開啟定位該元素就

定位 position屬性

表示設(shè)置定位

絕對定位

固定定位

相對定位

絕對定位

position : absolute - 表示設(shè)置絕對定位

絕對定位的注意

設(shè)置絕對定位后，當前元素脫離文檔流

如果指定元素的父級元素是元素 - 該元素就是相對于當前頁面的定位

如果指定元素的父級元素不是元素，父級元素沒有開啟定位 - 該元素就是相對于當前頁面的定位

如果指定元素的父級元素不是元素，父級元素開啟定位 - 該元素就是相對于父級元素的定位


    
    絕對定位



固定定位

position: fixed - 表示設(shè)置固定定位

設(shè)置固定定位的元素會脫離文檔流

固定定位是相對于瀏覽器顯示窗口定位顯示位置

設(shè)置固定定位的元素，不會跟著頁面滾動而滾動


    
    固定定位

相對定位

position: relative - 表示設(shè)置相對定位

設(shè)置相對定位的元素不會脫離文檔流

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


    
    相對定位

堆疊

表示元素之間出現(xiàn)的重疊效果

z-index屬性 - 表示設(shè)置堆疊的顯示

z-index屬性只能出現(xiàn)在開啟定位的元素中

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)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

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

相關(guān)文章

  • 構(gòu)建靜態(tài)頁面 之 [ 定位 ]

    摘要：定位屬性表示設(shè)置定位絕對定位固定定位相對定位絕對定位表示設(shè)置絕對定位絕對定位的注意設(shè)置絕對定位后，當前元素脫離文檔流如果指定元素的父級元素是元素該元素就是相對于當前頁面的定位如果指定元素的父級元素不是元素，父級元素沒有開啟定位該元素就 定位 position屬性 表示設(shè)置定位 絕對定位 固定定位 相對定位 絕對定位 position : absolute - 表示設(shè)置絕對定位...

    ISherry 評論0 收藏0

  • 構(gòu)建靜態(tài)頁面 之 [ 浮動 ]

    摘要：浮動描述是對頁面布局的一種表現(xiàn)方式設(shè)置浮動的元素會脫離文檔流設(shè)置浮動的元素會改變后面元素的顯示位置屬性表示設(shè)置元素浮動屬性值表示設(shè)置元素左浮動屬性值表示設(shè)置元素右浮動設(shè)置浮動的元素會脫離文檔流，指定元素后面的元素會自動向前，形成重疊的顯 浮動 描述 是對頁面布局的一種表現(xiàn)方式 設(shè)置浮動的元素會脫離文檔流 設(shè)置浮動的元素會改變后面元素的顯示位置 float屬性 表示設(shè)置元素浮動 ...

    snowell 評論0 收藏0

  • 構(gòu)建靜態(tài)頁面 之 [ 浮動 ]

    摘要：浮動描述是對頁面布局的一種表現(xiàn)方式設(shè)置浮動的元素會脫離文檔流設(shè)置浮動的元素會改變后面元素的顯示位置屬性表示設(shè)置元素浮動屬性值表示設(shè)置元素左浮動屬性值表示設(shè)置元素右浮動設(shè)置浮動的元素會脫離文檔流，指定元素后面的元素會自動向前，形成重疊的顯 浮動 描述 是對頁面布局的一種表現(xiàn)方式 設(shè)置浮動的元素會脫離文檔流 設(shè)置浮動的元素會改變后面元素的顯示位置 float屬性 表示設(shè)置元素浮動 ...

    Scliang 評論0 收藏0

  • 構(gòu)建靜態(tài)頁面 之 [ 布局 ]

    摘要：布局描述表示對頁面中的顯示效果進行一些排列水平方向居中垂直方向居中居中布局水平方向居中第一種方式水平居中行內(nèi)塊級元素水平居中的第一種方法該方法需作用在父子結(jié)構(gòu)中為父級設(shè)置屬性為子級設(shè)置屬性注意的問題屬性是設(shè)置文本內(nèi)容對齊方式的 布局 描述 表示對頁面中的顯示效果進行一些排列 水平方向居中 垂直方向居中 居中布局 水平方向居中 第一種方式 水平居中 + 行內(nèi)塊級元素（text-a...

    andot 評論0 收藏0

  • 構(gòu)建靜態(tài)頁面 之 [ 布局 ]

    摘要：布局描述表示對頁面中的顯示效果進行一些排列水平方向居中垂直方向居中居中布局水平方向居中第一種方式水平居中行內(nèi)塊級元素水平居中的第一種方法該方法需作用在父子結(jié)構(gòu)中為父級設(shè)置屬性為子級設(shè)置屬性注意的問題屬性是設(shè)置文本內(nèi)容對齊方式的 布局 描述 表示對頁面中的顯示效果進行一些排列 水平方向居中 垂直方向居中 居中布局 水平方向居中 第一種方式 水平居中 + 行內(nèi)塊級元素（text-a...

    JessYanCoding 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<