構建靜態頁面之 [ 定位 ]

ISherry 發布于2019-08-02 16:31 / 2480人閱讀

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

定位 position屬性

表示設置定位

絕對定位

固定定位

相對定位

絕對定位

position : absolute - 表示設置絕對定位

絕對定位的注意

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

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

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

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


    
    絕對定位

固定定位

position: fixed - 表示設置固定定位

設置固定定位的元素會脫離文檔流

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

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


    
    固定定位

相對定位

position: relative - 表示設置相對定位

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

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


    
    相對定位

堆疊

表示元素之間出現的重疊效果

z-index屬性 - 表示設置堆疊的顯示

z-index屬性只能出現在開啟定位的元素中

z-index屬性值大的覆蓋z-index屬性值小

z-index屬性的屬性值為數字值


    
    堆疊

繼承

表示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!

GPU云服務器云服務器定位頁面 jsp 設置頁面之 php定位頁面位置靜態頁面

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/55082.html

構建靜態頁面之 [ 定位 ]

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

bingchen 2019-08-29 16:31 評論0 收藏0
構建靜態頁面之 [ 浮動 ]

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

snowell 2019-08-29 16:32 評論0 收藏0
構建靜態頁面之 [ 浮動 ]

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

Scliang 2019-08-02 11:21 評論0 收藏0
構建靜態頁面之 [ 布局 ]

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

andot 2019-08-29 16:31 評論0 收藏0
構建靜態頁面之 [ 布局 ]

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

JessYanCoding 2019-08-02 16:31 評論0 收藏0