摘要:如果四象值未定義,那么依然處于文檔流,只是不占空間否則,脫離文檔流,相對于瀏覽器窗口定位粘性定位。否則其行為與相對定位相同。并且和同時設置時,生效的優先級高,和同時設置時,的優先級高。設定為元素的任意父節點的屬性必須是,否則不會生效。
CSS 優先級 基礎
使用 !important 的聲明比沒有使用的優先級更高
選擇器優先級ID > 類 | 偽類 | 屬性 > 元素 | 偽元素 > 通配符
組合子(+, >, ~, " ") 和 否定偽類(:not()) 對特異性沒有影響。(但是,在 :not() 內部聲明的選擇器是會影響優先級)。
來源優先級自定義樣式 > 瀏覽器樣式 > 繼承樣式
引用優先級行內樣式 > 外部樣式、內部樣式
外部樣式、內部樣式出現的位置靠后的優先級更高
同等情況下,定義位置靠后的優先級更高
參考https://developer.mozilla.org...
postion 屬性四象值未定義,即:top、left、bottom、right 未定義或者屬性值 auto
static 文檔流。默認值
relative 相對定位。相對于四象值未定義時位置定位
absolute 絕對定位。
如果四象值未定義,那么依然處于文檔流,只是不占空間
否則,脫離文檔流,相對于最近的非 static 屬性的父級元素(包含 html)定位
fixed 固定定位。
如果四象值未定義,那么依然處于文檔流,只是不占空間
否則,脫離文檔流,相對于瀏覽器窗口定位
stricy 粘性定位。
如果四象值未定義,那么依然處于文檔流。
否則
參考其行為與相對定位相同。并且 top 和 bottom 同時設置時,top 生效的優先級高,left 和 right 同時設置時,left 的優先級高。
設定為 position:sticky 元素的任意父節點的 overflow 屬性必須是 visible,否則 position:sticky 不會生效。這里需要解釋一下:
如果 position:sticky 元素的任意父節點定位設置為 overflow:hidden,則父容器無法進行滾動,所以 position:sticky 元素也不會有滾動然后固定的情況。
如果 position:sticky 元素的任意父節點定位設置為 position:relative | absolute | fixed,則元素相對父元素進行定位,而不會相對 viewport 定位。
達到設定的閥值。這個還算好理解,也就是設定了 position:sticky 的元素表現為 relative 還是 fixed 是根據元素是否達到設定了的閾值決定的。
http://web.jobbole.com/90352/
https://developer.mozilla.org...
BFC 與浮動http://www.w3cplus.com/css3/d...
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/112367.html
摘要:注本文首發于個人博客學習筆記。最近看了下變量,又名自定義屬性,跟大家分享一下我的學習筆記。使用自定義屬性來設置變量名,并使用特定的來訪問。二學習筆記聲明調用聲明方式變量聲明的方式非常簡單,如下,聲明了一個名叫的變量。 注:本文首發于個人博客 《CSS Variables學習筆記》。 最近看了下CSS Variables(CSS變量,又名CSS自定義屬性),跟大家分享一下我的學習筆記。 ...
摘要:中添加同樣起作用。說明提供的命令,打包時模塊綁定的加載器為命令,監聽打包的文件,只要改變自動會打包命令窗口顯示打包進度命令窗口列出引入的所有模塊命令窗口顯示打包引入模塊的原因 標注:本筆記來自 imooc-qbaty老師-webpack深入與實戰gitbash(or CMD)進行命令操作 一、準備工作 lenovo@lenovo-PC MINGW64 ~ $ cd /d/imooc/ ...
摘要:指普通的規則,由選擇器和屬性指定構成的規則。用于跟命名空間配合的一個規則,表示內部的選擇器全都帶上特定命名空間。注意屬性不允許使用連續的兩個中劃線開頭,否則會被認為是變量。 筆記說明 重學前端是程劭非(winter)【前手機淘寶前端負責人】在極客時間開的一個專欄,每天10分鐘,重構你的前端知識體系,筆者主要整理學習過程的一些要點筆記以及感悟,完整的可以加入winter的專欄學習【原文有...
摘要:指普通的規則,由選擇器和屬性指定構成的規則。用于跟命名空間配合的一個規則,表示內部的選擇器全都帶上特定命名空間。注意屬性不允許使用連續的兩個中劃線開頭,否則會被認為是變量。 筆記說明 重學前端是程劭非(winter)【前手機淘寶前端負責人】在極客時間開的一個專欄,每天10分鐘,重構你的前端知識體系,筆者主要整理學習過程的一些要點筆記以及感悟,完整的可以加入winter的專欄學習【原文有...
摘要:指普通的規則,由選擇器和屬性指定構成的規則。用于跟命名空間配合的一個規則,表示內部的選擇器全都帶上特定命名空間。注意屬性不允許使用連續的兩個中劃線開頭,否則會被認為是變量。 筆記說明 重學前端是程劭非(winter)【前手機淘寶前端負責人】在極客時間開的一個專欄,每天10分鐘,重構你的前端知識體系,筆者主要整理學習過程的一些要點筆記以及感悟,完整的可以加入winter的專欄學習【原文有...
閱讀 1239·2021-11-11 16:55
閱讀 1537·2021-10-08 10:16
閱讀 1188·2021-09-26 10:20
閱讀 3569·2021-09-01 10:47
閱讀 2451·2019-08-30 15:52
閱讀 2682·2019-08-30 13:18
閱讀 3194·2019-08-30 13:15
閱讀 1115·2019-08-30 10:55