今天在寫css**的時候，忽然發現很多看起來挺簡單的，但是卻忽略了它們的小知識點，小細節，所以就準備把自己遇到的易忘和易忽略的css知識點整理到一起，方便自己以後查閱，也希望同時能夠幫助到您(主要是針對我個人，有的可能重要，但我自己掌握的比較好，可能不會寫在上面哦)
本博會持續更新，不會特意整理，遇到了就會往這裡面加，就當是記筆記了
1、選擇器優先順序：
單個選擇器的優先順序：標籤選擇器《類選擇器復合選擇器優先順序：寫得越精確，優先順序越高（css中層級很重要，寫層級關係的要比不寫層級的優先順序高）
2、想要通過設定margin:0 auto;的方法讓元素在水平方向居中，該元素必須要設定寬度
3、浮動的div在遇到margin-bottom值時會失效，解決辦法：
在包裹層（父級）用padding-bottom代替在自身上使用：margin-bottom
4、為元素設定float（值為none除外），意味著該元素變為塊級元素,可以參考：float
5、子元素設定float（值為none除外）時，如果父元素自身沒有設定高度，會出現高度塌陷的問題，解決辦法：
1、在父元素上清除浮動(可參考清除浮動)2、為父元素設定高度（min-height/max-height/height）
ok，今天就先整理這些了，以後會不斷的更新的
更新於2018/6/13
1、如果我們在樣式表中對某個樣式進行了設定，然後在自定義動畫的動畫幀中又對改樣式做了不同的設定，那麼我們想要保持動畫幀中的設定，就要再新增乙個類將樣式表中的那個樣式覆蓋，不然動畫執行完之後樣式表中的樣式會覆蓋掉動畫幀中的樣式。（好繞啊，直接看例子吧）
<
>
2、webkit 實現了名為-webkit-font-smoothing的屬性。這個屬性僅在 mac os x/macos 下生效。
3、看到了**首頁的css重置中有的兩條樣式，之前沒怎麼用過，記下來
sup
sub
1、padding區會顯示背景
2、vertical-align的預設對齊方式是和文字基線對齊，所以如果我們在html中新增的時候要注意到，如果我們不設定的vertical-align屬性值的話，它的底部是預設有幾個畫素大小的，解決辦法：vertical-align:top/bottom/middle，設定這三個屬性值中的任何乙個都是可以的，還有別的方法，請參考大神張鑫旭的部落格：vertical-align
3、display:inline-block;inline-block;在橫向布局中使用的時候，會有乙個小問題：**換行會解析為空格
4、設定元素為絕對定位時，會提公升元素的層級
5、清浮動：清除浮動造成的影響（父級高度塌陷）
1,給浮動元素的父級加高度
拓展性不好
在不能確定父級高度的情況下不能使用
2，clear:both(用得最多的方法)
zoom:1 用來觸發 haslayout(ie瀏覽器的bfc)
.clear
.clear:after
觸發乙個元素的bfc
相當於在這個元素裡面建立起一堵圍牆
圍牆裡面的內容和圍牆外面的內容不會產生干擾
6、觸發bfc的條件：
7、vw/vh
1vw相當於螢幕寬度的百分之一
1vh相當於螢幕高度的百分之一
8、先看段**：
9、setinterval, settimeout
firefox/chrome瀏覽器對setinterval, settimeout做了優化，頁面處於閒置狀態的時候，如果定時間隔小於1秒鐘(1000ms)，則停止了定時器。但如果時間間隔大於或等於1000ms，定時器依然執行，即使頁面最小化或非啟用狀態。
CSS知識點總結
css匯入方式 1.標籤內聯2.內部放置3.外部放置4.import url css選擇器 1.標籤選擇器2.id選擇器3.class選擇器4.組合選擇器 css優先順序 就近原則 標籤 id class 為了防止不支援css的瀏覽器將.標籤間的css規則當成普通字串,而顯示在網頁上，應將css的規...
CSS知識點總結
1 內聯樣式 行內樣式 將樣式宣告在元素的style屬性中 2.內部樣式 將樣式宣告定義在頁面的style屬性中 3.外部樣式表 步驟 建立乙個新的css檔案 建立和html檔案的關聯 css樣式表的特徵 繼承性 1 子級元素可以直接使用父級元素宣告好的樣式 這裡不是所有的樣式都可以被繼承 層疊性 ...
CSS 知識點總結
問題1 什麼是css?問題2 css能做什麼?css 的語法雖然非常簡單，但根據其 可以出現的位置，可以將css分為3種型別 內聯樣式，外聯樣式，行內樣式 行內樣式 內嵌樣式 外聯樣式 屬性名作用 color 文字顏色 前景色 font size 文字大小 px font family 字型 黑體,...