CSS3的若干炒雞有用細節和具體部落格推薦

標籤：src   使用   文字   css3   ges   selectors   cto   Google   images   

1.彈性盒子

　　從最初的使用table布局，當然了，現在某些表格展示的資料最好還是利用table布局，

　　到使用div+css布局，嗯，很大的一次進步，對於比較複雜的，div就顯得力不從心了，

　　因此現在又有了flex布局！

　　今年挺火的的grid布局也接踵而至，不過呢貌似除了Google，大多數瀏覽器還沒支援 。

　　想學習flex布局的話，推薦阮老師的部落格 http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html

　　另外附上flex小書籤一份~具體的用法阮老師講的已經是細緻甚微。

　　

2.rgba

　　平時我們如果需要某個div上的背景顏色透明度達到0.5，如果給div設定opacity,情況貌似有點糟糕，

　　因為整個div上的圖片，文字都被設定了透明度！

　　或者我們用笨方法，我們呢可以單獨寫一個絕對位置的div，達到我們想要的效果，不過還是很頭大！

　　現在呢我們只需要使用一個簡單的rgba標籤即可達到我們想要的效果了呢，

　　想學習具體內容呢，這裡強烈推薦大漠老師的部落格 https://www.w3cplus.com/content/css3-rgba

3.zoom

　　一般來說小白是不知道這個是幹啥用的，其實也不難啦 這個標籤跟transform裡的scale(1)有幾分相似~

　　主要使用方法：使用此屬性，可以實現JS監聽對網頁進行縮放，達到意想不到的效果呢！

4. ::selection

　　正常來說小白也是不知道這個是幹啥用的，我就直說好了，當你按住滑鼠左鍵划過文字後，WIN10預設

　　背景天藍色，字是白色，利用::selection你就可以改變原來的設定了哈，不過只是限於北京和字的顏色哈~

5.CSS進階選取器

　　  如果你很清楚Jquery選取器的話，這個對你來說應該不難,事實上CSS選取器不僅僅局限於類別選取器和ID選取器

　　在這裡呢推薦一篇大漠老師的詳細博文 https://www.w3cplus.com/css3/basic-selectors

 

 備忘：博主第一次寫隨筆，寫的有錯麻煩指出來~非常感謝~有收穫的話一定要點一下右下角的推薦哈

CSS3的若干炒雞有用細節和具體部落格推薦