最近一直在研究css，因為發現實踐中大部分時間都在寫css，且自己感覺寫的很爛，雖然以前看的很多，但卻很少有去實踐過，更別提研究了，現在發現根本就不是你懂你就會，很多都是你用著用著才真的會了的，於是現在打算花一段時間研究css，並把它記錄下來，以免忘了，以後在專案中需要的時候也方便查詢,之前用的編輯器寫的文章太亂了，現在換成markdown了，感覺好多了。
currentcolor編碼實踐，currentcolor它會繼承當前文字顏色
這個dome演示的情況是，color顏色和邊框顏色是一樣的，hover上去也是一樣。原本我們可能會寫color:red;border-color:red;但如果使用currencolor會更簡單。
**：
追夢子
::before、::after實踐
我相信網頁上有很多這種效果吧，其實用::before和::after可以輕鬆解決這個問題。
**：
注意這裡的::before有個那如果是垂直方向的呢？z-index:-1不然線會蓋住文字，實現的原來就是，通過::before實現乙個寬度100%高1px的橫線，然後將文字把這個線蓋住就好了，還有乙個需要注意的就是雖然寫z-index了，但還是看不出來，所以給文字加個背景顏色和body的顏色一樣就好了。另外就是我之所以還有::after寫文字是有原因的，如果直接把文字寫在div裡面那就麻煩了，因為寫在裡面的話，因為div寬度就是100%如果給個背景顏色的話就把線給蓋住了。
**：
vh單位，vh可以動態獲取螢幕高度，1vh等於1%的螢幕高度。
還有這種情況。
**：
之前也許我們會用來個元素來實現模態框，但現在完全沒有必要。因為border不能使用百分比所有使用乙個超大的值就好了。噢，可以使用
vw單位，其實有些很簡單的東西可以解決很多看似複雜的事，只是我們沒有去思考罷了。在來乙個box-shadow的實現追夢子前端部落格從前有座山...
效果一樣就不截圖了。追夢子前端部落格從前有座山...
別和我說相容性，學習那有那麼多事，一件事，學！
利用box-shadow製作漢堡選單
少乙個元素算乙個元素。CSS總結及常見問題彙總
最近在學習html和css的一些基本應用，遇到過很多問題，剛開始會發現css像是不可控一樣，這次達到了預期效果，可能下一次就偏了十萬八千里，或者是 牽一髮而動全身 其實對於計算機而言，沒有什麼是不確定的，如果有，那一定是學藝不精。以下是自己在學習過程中對css的一些總結。css,cascading ...
瀏覽器CSS相容問題彙總及解決
由於公司專案要求相容到ie6，這之中遇到不少css相容性問題，所以就在部落格彙總下來，以後在專案中遇到新的相容性問題，也會在這裡更新。1.ie6下height屬性會失效 問題描述 在ie6下，即使塊級元素設定了高度，但若元素內部的內容超出設定高度，內部內容會把該塊級元素高度撐開，height失效。解...
瀏覽器CSS相容問題彙總及解決
由於公司專案要求相容到ie6，這之中遇到不少css相容性問題，所以就在部落格彙總下來，以後在專案中遇到新的相容性問題，也會在這裡更新。1.ie6下height屬性會失效 問題描述 在ie6下，即使塊級元素設定了高度，但若元素內部的內容超出設定高度，內部內容會把該塊級元素高度撐開，height失效。解...