以前做專案的時候，學習了html和css，感覺這兩個比較簡單，在w3school 裡學習了一下之後，就覺得自己已經沒問題了。可是，真正要做乙個好看的頁面，我還是要寫好久。其實，對於css，我並沒有像我以為的那麼熟悉與精通。近期做了乙個系統的學習之後，感覺有必要做乙個總結。
css基礎小知識：
css特性：繼承性，層疊性；
優先順序
li+li書寫規範：對於css的命名，必須需要注意它的規範性，最好就是那種一看檔名就知道這個css檔案寫的是哪的特效。
盒子模型：
css盒子模型的四個屬性：
padding：內邊距，如圖中1
content：內容，如圖中4
div>學習狀況
overflow屬性：
display屬性：
行內元素(inline):
display的屬性取值：常見的便是以上和none。
display：none 和visibility：hidden之間的區別：
文字效果：
text-align:
vertical-align:
line-height:
浮動布局：
當乙個元素定義了float：left或者float:right,這個元素都會變成block元素，可以按照block的方法處理。
浮動的影響：
對自身的影響：轉化為塊元素；
對兄弟元素的影響：浮動為同一方向，則緊挨著排序；浮動為相反方向，則都往兩頭跑；
負作用：父元素高度塌陷，從而導致邊框不能撐開，背景顏色無法顯示；頁面布局錯亂；
清除浮動：
clear:both——
overflow:hidden——應用於浮動的父元素，而不是當前的元素；
::after偽元素——結合clear:both一起實現；
.clearfix::after定位布局：
z-index屬性：用來設定層的先後順序的；
css圖形：
不得不說，css的圖形讓我大跌眼鏡了，雖然我沒有近視。
三角形：
梯形：
點開firebug,
看到**注釋，其實就可以明白了。邊框三角形採用兩個三角形累加。
還有圓形，橢圓之類的，利用圓角屬性border-radius就好了。
寫了那麼多，不得不感謝一下這個前端學習的大本營綠葉學習網看了作者寫的書，才知道這個**的，**特效做的很好，和軒楓閣很像，都值得學習！
加油~
你真的了解嗎 CSS 溢位 浮動 定位
position sticky overflow 屬性用於控制內容溢位元素框時顯示的方式 屬性值描述 visible 預設值。內容不會被修剪，會呈現在元素框之外 hidden 內容會被修剪，並且其餘內容是不可見的 scroll 內容會被修剪，但是瀏覽器會顯示滾動條以便檢視其餘的內容 auto 如果內...
你真的會用GOOGLE嗎
平時很多人用google搜尋引擎搜尋資訊，經常搜尋 成千上萬的網頁，檢視幾頁就沒耐心找下去了。在google上搜尋資訊，不只輸入希望搜尋的片語這麼簡單，這樣是無法得到做好的搜尋結果的。google 為使用者提供了很多基本搜尋語法，熟練的運用google搜尋，將很快的搜到我們需要的結果。短語搜尋 布林...
你真的很忙嗎？
反省系列 第一篇 你真的很忙嗎？第二篇 聽說你又在做著規劃騙自己 第三篇 我們都在成全別人眼中的自己 第一篇 你真的很忙嗎？評價乙個人，就是要看他把時間都花在哪了 人只要能控制自己的生活，就總能找到時間 愛麗絲 門羅 這句話像乙個響亮的耳光，羞辱著所有被時間追債的現代人。我太忙了.我沒有辦法.每乙個...