父元素中有子元素，並且父元素沒有設定高度，子元素在父元素中浮動，結果必然是父元素的高度為 0，這也就導致了父元素高度塌陷，我們就需要清除浮動。
給浮動元素的容器新增乙個 clearfix 的 class，然後給這個 class 新增乙個:after偽元素實現元素之後新增乙個看不見的塊元素（block element）清理浮動。
分割線
hij我選擇了個字母
.chooses
.chooses input:checked
.choose span:after
counter-reset 屬性設定某個選擇器出現次數的計數器的值。預設為 0。
counter-increment 屬性設定某個選取器每次出現的計數器增量。預設增量是 1。
html
hello world
hello world
.tooltip,
.bubble
.tooltip .caret,
.bubble:before
.bubble:before
今天的心情:input[type=checkbox]
input[type=checkbox]:checked
使用偽元素插入的內容在頁面的原始碼裡是不可見的，只能在 css 裡可見。
插入的元素在預設情況下是內聯元素（或者，在 html5 中，在文字語義的類別裡）。因此，為了給插入的元素賦予高度，填充，邊距等等，你通常必須顯式地定義它是乙個塊級元素。
還要注意的是典型的 css 繼承規則適用於插入的元素。例如，你有字型系列黑體，宋體，無襯線字型應用到 body 元素裡，然後偽元素會像其他元素一樣繼承這些字型系列。
偽元素不會自然繼承自父元素(如 padding margins )的樣式。
偽類選擇元素基於的是當前元素處於的狀態，或者說元素當前所具有的特性，而不是元素的 id、class、屬性等靜態的標誌。由於狀態是動態變化的，所以乙個元素達到乙個特定狀態時，它可能得到乙個偽類的樣式；當狀態改變時，它又會失去這個樣式。由此可以看出，它的功能和 class 有些類似，但它是基於文件之外的抽象，所以叫偽類。
與偽類針對特殊狀態的元素不同的是，偽元素是對元素中的特定內容進行操作，它所操作的層次比偽類更深了一層，也因此它的動態性比偽類要低得多。實際上，設計偽元素的目的就是去選取諸如元素內容第乙個字（母）、第一行，選取某些內容前面或後面這種普通的選擇器無法完成的工作。它控制的內容實際上和元素是相同的，但是它本身只是基於元素的抽象，並不存在於文件中，所以叫偽元素。
前端面試題
sprites是什麼和為什麼要使用他們？css 精靈 把一堆小的整合到一張大的上，減輕伺服器對的請求數量 有可能替代sprites的方法是什麼？svg圖示，字型圖示，字元編碼等等。1 在div排版的時候，假設現在是100px的寬，我在盒子左側用padding left留個10px的白，div就撐開了...
前端面試題
行內元素有哪些？塊級元素有哪些？空 void 元素有哪些？link和 import的區別是？常見相容性問題？含移動端 html5的離線儲存？描寫一段語義化的html 吧 html5的form如何關閉自動完成功能？什麼是閉包 closure 為什麼要用？localstorage和sessionstor...
前端面試題
朋友碰到的筆試題，在此記錄一下，並且記下碰到的有難點但是自己沒注意的到的面試題！function isnumber x else sum 2,3 5 sum 2 3 5 請寫出sum函式的具體實現。function sum a,c return a c 該題考查的是乙個以前沒接觸過的東西，叫做柯里化...