在css樣式層疊表中，我們可使用到的長度單位一般有如下的幾種方式：
畫素：px
百分比em: 這是乙個相對單位，是相對於當前元素的字型大小進行計算，也就是說 1em=1font-size
rem: 這也是乙個相對單位，不同的是，rem是相對於根元素的字型大小進行計算的。
偽類和偽元素
偽類：用來描述乙個元素的特殊狀態：hover，：active等等
偽元素：用來描述乙個元素的特殊匹配位置 如：：before，：：after等等
其實，偽類和偽元素的出現都是為了格式化文件樹以外的資訊，也就是說，偽類和偽元素是用來修飾不在文件樹中的部分，比如，一句話中的第乙個字母，或者是列表中的第乙個元素。
偽類用於當已有的元素處於某個狀態時，為其新增對應的樣式，這個狀態是根據使用者行為而動態變化的。比如說，當使用者懸停在指定的元素時，我們可以通過:hover來描述這個元素的狀態。
偽元素用於建立一些不在文件樹中的元素，並為其新增樣式。它們允許我們為元素的某些部分設定樣式。比如說，我們可以通過::before來在乙個元素前增加一些文字，並為這些文字新增樣式。雖然使用者可以看到這些文字，但是這些文字實際上不在文件樹中。
在偽類中有乙個需要注意的知識點，就是**：nth-child(n)** 與 **：nth-of-type(n)**的區別。
* ul div:nth-
child(1
) ul div:nth-
child(2
) ul div:nth-of-
type(2
)<
/style>
<
/head>
1<
/div>
2<
/li>
3<
/li>
4<
/div>
5<
/li>
<
/ul>
***：nth-child(n): 先找第n個孩子，然後匹配***元素:
***：nth-of-type(n)：先找出所有的***元素，然後再得到第n個孩子
另外，擴充套件一下鏈結偽類的使用：
1.a:link選擇未被訪問的鏈結
2.a:visited選擇已經被訪問過的鏈結
3.a:hover滑鼠指標位於其上的鏈結
4.a:active滑鼠按下未彈起的鏈結
注意以上鏈結偽類的順序：link visited hover active
常見的元素隱藏方法
-（1）使用 display:none;隱藏元素，渲染樹不會包含該渲染物件，因此該元素不會在頁面中佔據位置，也不會響應繫結的監聽事件。
-（2）使用 visibility:hidden;隱藏元素。元素在頁面中仍佔據空間，但是不會響應繫結的監聽事件。
-（3）使用 opacity:0;將元素的透明度設定為 0，以此來實現元素的隱藏。元素在頁面中仍然佔據空間，並且能夠響應元素繫結的監聽事件。
-（4）通過使用絕對定位將元素移除可視區域內，以此來實現元素的隱藏。
-（5）通過 z-index 負值，來使其他元素遮蓋住該元素，以此來實現隱藏。
-（6）通過 clip/clip-path 元素裁剪的方法來實現元素的隱藏，這種方法下，元素仍在頁面中佔據位置，但是不會響應繫結的監聽事件。
-（7）通過 transform:scale(0,0)來將元素縮放為 0，以此來實現元素的隱藏。這種方法下，元素仍在頁面中佔據位置，但是不會響應繫結的監聽事件。
CSS知識點集錦
updatetime 2017年3月21日08 03 13 2.css樣式優先順序問題 正常情況下，外部樣式 行內樣式 內部樣式 由低到高 important 可以打破這種優先順序順序，如果css樣式，被 important 修飾，則被其修飾的樣式具有最高優先順序，即 外部樣式 行內樣式 內部樣式 ...
C 一些容易忽略的知識點
先看下c語言 c語言是一種面向過程的程式語言，是由資料結構和演算法組成的c語言程式設計，強調的是執行效率。1 c語言的歷史 1969至1973年 美國貝爾實驗室 2 c語言的功能 結構化程式設計 3 c語言的優點 高效 靈活，應用領域廣泛 4 c語言的缺點 c語言沒有自動釋放的機制，如果程式設計師在...
Vue知識點集錦
一 使用了vue的頁面，肯定會經歷乙個完整的生命週期，與一般的普通頁面是不一樣的，所以直接獲取dom結構是獲取不到的，只有在mounted之後才能獲取到 servicemanagementaddcrud.vueinit function 一些dom操作，在vue的mounted 函式裡面再進行繫結 ...