前端樣式問題匯總(上)
知識
09-20
點擊上方藍字關注「小鄭搞碼事」,每天都能學到知識,搞懂一個問題!
一、關於這個屬性justify
只有在存在第二行的情況下,第一行才兩端對齊
二、實現波浪圖最簡單的方法
將正方形的border-radius設置成接近50%(46%),然後給它加一個動畫樣式(旋轉),在動畫過程中改變位移或者透明度等。
三、正確使用CSS中的關鍵字unset
從字面上理解就是不設置,其實,它就是關鍵字initial和inherit的組合
1、如果該屬性是默認繼承屬性(color),該值等同於inherit
2、如果該屬性是非繼承屬性(border),該值等同於initial
四、一句話就讓高度按比例自適應顯示
padding-top設為百分比時,是基於父元素寬度
五、兩句話來區分nth-child和nth-of-type
注意兩點
1、p:nth-child(n): 第n個是p標籤
2、p:nth-of-type(n):第n個p標籤
六、聽說CSS可以寫tab切換,我也來試一把
注意三點
1、nth-of-type的使用
2、input的id和label的for屬性聯繫
3、在css3中『~』表示兄弟元素,『+』表示相鄰元素
※關於這個樣式屬性justify
※實現波浪圖最簡單的方法
※如何設計React組件?
※同構直出的真相
※用一個數組來體驗函數式編程
TAG:小鄭搞碼事 |