當前位置:
首頁 > 知識 > 前端樣式問題匯總(上)

前端樣式問題匯總(上)


點擊上方藍字關注「小鄭搞碼事」,每天都能學到知識,搞懂一個問題!

前端樣式問題匯總(上)


一、關於這個屬性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:小鄭搞碼事 |