CSS 的虛偽總結

** 前序：css三大特性**

1.層疊性：css樣式衝突採取的原則（後者覆蓋前者)

2.繼承性：對於部分屬性樣式會有天生的繼承

3.優先順序：選擇器優先順序演算法

層疊性

所謂層疊性是指多種css樣式的疊加。是瀏覽器處理衝突的乙個能力,如果乙個屬性通過兩個相同選擇器設定到同乙個元素上，那麼這個時候乙個屬性就會將另乙個屬性層疊掉

原則：樣式衝突，遵循的原則是「就近原則。」 那個樣式離著結構近，就執行那個樣式。

樣式不衝突，不會層疊

子標籤會繼承父標籤的某些樣式，如文字顏色和字型大小。想要設定乙個可繼承的屬性，只需將它應用于父元素即可。簡單的理解就是： 子承父業

可繼承的屬性

控制繼承

上**：

效果圖

分為三個大類：

1.基本選擇器

基本選擇器

容易忽略的用法

偽類選擇器

重點說下這兩比較作用類似的：nth-child(n) | nth-of-type(n)

html：

css：

ul li:first-child  // 第乙個li  =>  1

ul li:last-child  // 最後乙個li =>  5
ul li:nth-child(3)  // 第三個li => 3
uk li:nth-child(2) > div:nth-of-type(1)  // 第二個li下的第乙個div(不是div標籤的都不算) => b1

看完**是不是恍然大悟了！！

區別：

組合選擇器

組合選擇器本質上就是通過連線符來對兩個選擇器進行組合

權重計算公式

權重疊加

乙個簡單的加法計算奉獻上：

上點試題測試一下哈

文字    

答案：yellow

再來一題：

123

答案是：字型：80，有文字陰影，真實內容的寬：290px 高190px

flex

父項常用屬性：

子項常見屬性：

transform

動畫常見屬性

動畫簡寫方式

animation: name duration timing-function delay iteration-count direction fill-mode

虛偽的天才

文 江 都 原本以為從 一杯茶一根煙，一張報紙看半天 的行政機關調到企業的我們年輕人可以創造奮鬥新的天地了，誰知道，國有企業的機關同行政機關沒有什麼太大的差異。雖然這裡的待遇與我們所見過的那些熱門行政事業單位相比有不小的差距，但比社會上有些企業卻有天壤之別，至少我們現在的薪酬已與工作近30年的父輩接...

打倒虛偽的動物福利者！

受不了一幫白痴的專家，不敢直面現實，不考慮考慮如何更好保障老百姓的基本權益，卻挖空 心思搞什麼動物福利，把道德範疇內或者甚至和道德無關的事情硬生生用法律來解決 真是活見鬼 我國擬立法規定虐待動物致死者負刑責 保護動物是好事情，可是前提要要承認人類的生命高於其他一切生命！如果你不承認，認為任何種類的生...

軟體質量的「奧秘」（一） 虛偽的質量

注 下面此文中提到的質量的行政與情感色彩，只是溫伯格從心理學的角度揭示和 組織內管理改進的方式，請勿以此來片面的理解 質量 並作為自己無法開發出高質量產品的藉口。關於質量的客觀定義，請參見朱少民老師的文章，建議先讀朱老師的文章再讀此文，以免對質量產生誤解 質量的定義總會帶有政治的和情感的色彩嗎？什麼...