如果當前元素的父級元素是元素的話 -> 是相對於當前頁面的定位
如果當前元素的父級不是元素的話,父級元素沒有開啟定位 -> 則是相對於頁面的定位
如果當前元素的父級不是元素的話,父級元素開啟定位 -> 則是相對於父級元素定位
是相對於視窗來定位元素位置,脫離文件流
相對定位是相對於自身元素原來的位置的定位
定位的方式解析圖:
堆疊分析圖:
可繼承的屬性 - 指定元素的樣式,同時作用其後代元素
不可繼承的屬性 - 只能作用在指定的元素
備註: 繼承中有乙個inherit值 - 就是是繼承於祖先元素屬性的意思,當子級元素的屬性設定inherit值時代表繼承父級元素使用的屬性值.
一花一世界,一葉一孤城
繼承於層疊分析圖 HTML與CSS中的文字個人分享
hr 元素 表示水平線 目前多被css替代 示例 lorem ipsumdolor sit amet,consectetur adipisicing elit.enim fuga fugiat illo repellat totam?這就是上標元素 e mc2公式。這就是下標元素 h2o。效果示例圖...
HTML與CSS基礎之CSS定位
值 語義static 靜態定位 relative 相對定位 absolute 絕對定位 fixed 固定定位 邊偏移屬性 示例描述 toptop 80px 頂端偏移量,定義元素相對於其父元素上邊線的距離 bottom bottom 80px 底部偏移量,定義元素相對與其父元素下邊線的距離 left ...
CSS中的絕對定位與相對定位
層級關係為 為改變參照物 橘色框 後的效果 層級關係為 參照物為最頂級的元素情況。層級關係為 僅使用margin屬性布局絕對定位元素的情況 此情況,margin bottom 和margin right的值不再對文件流中的元素產生影響,因為該元素已經脫離了文件流。另外,不管它的祖先元素有沒有定位,都...