大家好，強勢迴歸！！！

今後的側重都會在前端方面，我們的目標是什麼？高階前端！！！（前路漫漫 no diss）

我是分割線，自我鼓勵完，下面我們今天要分享的是關於 CSS 的二三事。

CSS 可以做出很美的佈局，它的使用被人稱之為簡單，其實與非並沒有這樣的感覺，下面是與非最近在學習 css 原始碼的時候關注到的點，積累在這裡。

1）overflow:hidden; 隱藏溢位，即超出高度和寬度的部分會隱藏掉。

2）z-index:100; 幾個層疊的 css 根據這個值決定誰在最上層，引數值越大則在最上面。

3）white-space:pre; 設定如何處理元素內的空白。常用到的有 pre 和 nowrap 兩個值。
pre：空白會被瀏覽器保留。
nowrap：文字不會換行，在同一行上繼續，直到遇到 ‘br’ 標籤。

4）cursor:default; 規定要顯示的游標的型別（形狀）。default 表示預設游標，通常是一個箭頭；pointer 游標呈現為指示連結的指標（一隻手）。

5）zoom:1; 解決 IE 問題的一個屬性。允許擴大或縮小元素。

6）display:none; 此元素不會被顯示，常用到的一句話。

7）!important; !important 的出現是為了讓使用者自己設定被執行語句的優先順序。

8）content:”.”; 這個屬性在我看來也很重要，在很多地方用到，與 :before 及 :after 偽元素配合使用，來插入生成內容。

9）border-collapse:collapse; border-collapse 屬性設定表格的邊框是否被合併為一個單一的邊框，還是像在標準的 HTML 中那樣分開顯示。

10）clear:left; clear 屬性規定元素的哪一側不允許其他浮動元素。

11）letter-spacing:1px; 這個屬性不常用到，是用來檢索或設定物件中的文字之間的間隔。

12）filter:progid:DXImageTransform.Microsoft.gradient
(gradientType=0,startColorstr=’#FFE9E9E9’,endColorstr=’#00E9E9E9’);
這個很神奇，是為了產生一種自帶濾鏡漸變效果。語法如下：
filter:progid:DXImageTransform.Microsoft.Gradient(enabled=bEnabled,startColorStr=iWidth,endColorStr=iWidth)

enabled 表示可選項。設定或檢索濾鏡是否啟用 ( true | false )。
true:：預設值。濾鏡啟用。
false：濾鏡被禁止。
startColorStr：字串(String)。設定或檢索色彩漸變的開始顏色和透明度。
GradientType：整數值(Integer)。設定或檢索色彩漸變的方向。1 是水平漸變，0 是垂直漸變。
EndColor：整數值(Integer)。設定或檢索色彩漸變的結束顏色。

13）display:flex; 中文翻譯為彈性佈局，父級元素有 display:box; 屬性之後。他的子元素裡面加上 box-flex 屬性。可以讓子元素按照父元素的寬度進行一定比例的分佔空間。

好啦我們今天的 css 初印象非常初級的部分就到這裡了，與非希望下週會進階。謝謝。