CSS視覺(jué)格式化這個(gè)詞可能比較陌生，但說(shuō)起盒模型可能就恍然大悟了。實(shí)際上，盒模型只是CSS視覺(jué)格式化的一部分。視覺(jué)格式化分為塊級(jí)和行內(nèi)兩種處理方式。理解視覺(jué)格式化，可以確定得...
發(fā)簡(jiǎn)信
IP屬地：廣東
-
理解CSS視覺(jué)格式化 -
CSS布局中的BFC
定義 在解釋BFC之前，先說(shuō)一下文檔流。我們常說(shuō)的文檔流其實(shí)分為定位流、浮動(dòng)流和普通流三種。而普通流其實(shí)就是指BFC中的FC。FC是formatting context的首字...
-
haslayout詳解
定義??haslayout是IE7-瀏覽器的特有屬性。hasLayout是一種只讀屬性，有兩種狀態(tài)：true或false。當(dāng)其為true時(shí)，代表該元素有自己的布局，否則代表該...
-
CSS兼容性詳解
對(duì)于前端工程師來(lái)說(shuō)，不想面對(duì)又不得不面對(duì)的一個(gè)問(wèn)題就是兼容性。在幾年之前，處理兼容性，一般地就是處理IE低版本瀏覽器的兼容性。而近幾年，隨著移動(dòng)端的發(fā)展，工程師也需要注意手機(jī)...
-
CSS Hack實(shí)現(xiàn)瀏覽器樣式兼容的兜底辦法
CSS Hack是實(shí)現(xiàn)瀏覽器樣式兼容的兜底辦法，能不用就盡量不要使用。但是，針對(duì)一些瀏覽器的bug，比如老版本IE的bug，有時(shí)使用CSS Hack是不得已而為之的做法。本文...
-
深入理解CSS偽類
偽類經(jīng)常與偽元素混淆，[偽元素]的效果類似于通過(guò)添加一個(gè)實(shí)際的元素才能達(dá)到，而偽類的效果類似于通過(guò)添加一個(gè)實(shí)際的類來(lái)達(dá)到。實(shí)際上css3為了區(qū)分兩者，已經(jīng)明確規(guī)定了偽類用一個(gè)...
-
深入理解CSS偽元素
定義 偽元素顧名思義偽裝成元素，但不是元素，這與生成內(nèi)容相關(guān)。生成內(nèi)容主要指由瀏覽器創(chuàng)建的內(nèi)容，而不是由標(biāo)志或內(nèi)容來(lái)表示。生成內(nèi)容主要由:before和:after偽元素來(lái)實(shí)...
-
CSS屬性速查表
本文將按照布局類屬性、盒模型屬性、文本類屬性、修飾類屬性這四個(gè)分類，對(duì)CSS常用屬性進(jìn)行重新排列，并最終設(shè)置為一份stylelintrc文件 布局類 1、定位 2、浮動(dòng) 3、...
-
CSS 細(xì)節(jié)難點(diǎn)綜合對(duì)于CSS，要知其然，還要知其所以然。本文將介紹CSS各部分出現(xiàn)的原因，僅限個(gè)人理解，如有不妥，歡迎交流 Why CSS 早期的大多數(shù)網(wǎng)站標(biāo)記幾乎完全由表格和font元素組成...
-
CSS變量variable
一直以來(lái)，CSS中是沒(méi)有變量而言的，要使用 CSS 變量，只能借助 SASS 或者 LESS 這類預(yù)編譯器。新的草案發(fā)布之后，直接在 CSS 中定義和使用變量不再是幻想了。本...
-
CSS默認(rèn)可繼承樣式
一直想總結(jié)出一份可繼承樣式的列表。常聽(tīng)說(shuō)，顏色和字體是可繼承的，盒模型樣式是不可繼承的，但其他樣式呢？本文內(nèi)容包括所有可繼承的樣式 常用可繼承樣式 不常用可繼承樣式 一個(gè)不是...
-
理解CSS中的數(shù)學(xué)表達(dá)式calc()
數(shù)學(xué)表達(dá)式calc()是CSS中的函數(shù)，主要用于數(shù)學(xué)運(yùn)算。使用calc()為頁(yè)面元素布局提供了便利和新的思路。本文將介紹calc()的相關(guān)內(nèi)容 定義??數(shù)學(xué)表達(dá)式calc()...
-
深入理解CSS中的長(zhǎng)度單位 CSS 語(yǔ)法本文分為絕對(duì)長(zhǎng)度單位和相對(duì)長(zhǎng)度單位來(lái)介紹CSS中的長(zhǎng)度單位的主要知識(shí) 絕對(duì)長(zhǎng)度單位 絕對(duì)長(zhǎng)度單位代表一個(gè)物理測(cè)量 像素px(pixels) 在web上，像素px是典型的度量單...
-
CSS層疊
層疊樣式表CSS最基本的一個(gè)特性就是層疊。沖突的聲明通過(guò)層疊進(jìn)行排序，由此確定最終的文檔表示。而這個(gè)過(guò)程的核心就是選擇器及其相關(guān)聲明的特殊性、重要性、來(lái)源及繼承機(jī)制。本文將詳...
-
引入CSS
Web早期，HTML是一種很有限的語(yǔ)言，這種語(yǔ)言不關(guān)心外觀，它只是一種簡(jiǎn)潔的小型標(biāo)記機(jī)制。隨著Mosaic網(wǎng)頁(yè)瀏覽器的出現(xiàn)，網(wǎng)站開(kāi)始到處涌現(xiàn)。對(duì)于頁(yè)面改變外觀的需求增加，于是...
-
CSS選擇器的新用法
現(xiàn)在，預(yù)處理器(如sass)似乎已經(jīng)成為開(kāi)發(fā)CSS的標(biāo)配，正如幾年前jQuery是開(kāi)發(fā)JS的標(biāo)配一樣。JS的querySelector借鑒了jQuery的選擇器思想，CSS選...