CSS 引入偽類和偽元素概念是為了格式化文檔樹(shù)以外的信息。偽元素和偽類都不會(huì)出現(xiàn)在源文檔或者文檔樹(shù)中偽類的操作對(duì)象是文檔樹(shù)中已有的元素，而偽元素...
投稿
收錄了39篇文章 · 1人關(guān)注
-
070. CSS 偽類和偽元素
-
060. CSS 單位1. 長(zhǎng)度（length）單位 長(zhǎng)度單位主要分為兩種，相對(duì)和絕對(duì)。 相對(duì)長(zhǎng)度單位 基于其它元素的長(zhǎng)度。例如 em 基于該元素的字號(hào)大小，vh 則...
-
050. CSS 自定義屬性
自定義屬性（CSS 變量或者級(jí)聯(lián)變量）是由 CSS 作者定義的，它包含的值可以在整個(gè)文檔中重復(fù)使用。自定義屬性標(biāo)記設(shè)定值（比如：--main-c...
-
040. CSS 簡(jiǎn)寫(xiě)屬性（shorthand property）
簡(jiǎn)寫(xiě)屬性是可以同時(shí)設(shè)置好幾個(gè) CSS 屬性值的 CSS 屬性。這樣可以使編寫(xiě)更簡(jiǎn)潔、更有可讀性。 1. 簡(jiǎn)寫(xiě)屬性注意情況 1.1 沒(méi)有指定的值會(huì)...
-
034. CSS 層疊上下文 z-index
假定用戶正面向（瀏覽器）視窗或網(wǎng)頁(yè)，而 HTML 元素沿著其相對(duì)于用戶的一條虛構(gòu)的 z 軸排開(kāi)，層疊上下文就是對(duì)這些 HTML 元素的一個(gè)三維構(gòu)...
-
033. CSS 塊格式上下文 BFC
BFC（Block Formatting Context）就是頁(yè)面上的一個(gè)隔離的獨(dú)立容器，容器里面的子元素不會(huì)影響到外面的元素。反之也是如此。包...
-
032. CSS 包含塊（containing block）
包含塊：指元素最近的祖先塊元素(inline-block, block 或 list-item 元素)的內(nèi)容區(qū)。 包含塊的影響 元素的尺寸及位置...
-
031. CSS 外邊距合并
塊的上外邊距(margin-top)和下外邊距(margin-bottom)有時(shí)合并(折疊)為單個(gè)邊距，其大小為單個(gè)邊距的最大值(或如果它們相等...
-
030. CSS 盒子模型CSS 盒子模型將所有的元素表示為一個(gè)矩形的盒子，模型定義了盒的每個(gè)部分： Content box: 這個(gè)區(qū)域是用來(lái)顯示內(nèi)容，大小可以通過(guò)設(shè)置 ...
-
020. CSS 繼承
CSS 中，每個(gè) CSS 屬性都定義了該屬性默認(rèn)是否繼承。對(duì)于繼承屬性，如果沒(méi)有指定值，則會(huì)獲取父元素同屬性的值。對(duì)于非繼承屬性，如果沒(méi)有指定默...
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1881139527',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://upload.jianshu.io/collections/images/1938941/fe.png', '推薦專題《前端成長(zhǎng)之路》（ 分享自 @簡(jiǎn)書(shū) ）','http://www.itdecent.cn/c/db471cb2d431?utm_campaign=maleskine&utm_content=collection&utm_medium=reader_share&utm_source=weibo','頁(yè)面編碼gb2312|utf-8默認(rèn)gb2312'));){kind=link}