本人菜鳥一枚，趁着奧運期間，一邊看奧運，一邊學習，最近在慕課網學習前端技術，學習過程中有向很多前輩們博客學習，現在就來分享我的學習所得。 慕課網，導航條菜單的制作，使用javascript去制作 ...

因為flex屬性默認值為flex:0 1 auto;其中 1 為 flex中的 flex-shrink 屬性。 該屬性介紹: 一個數字，規定項目將相對於其他靈活的項目進行收縮的量。 根據上述介紹可以理解為默認 1 為開啟收縮 所以可以將display:flex;下的子元素的flex ...

定義 　　偽元素顧名思義偽裝成元素，但不是元素，這與生成內容相關。生成內容主要指由瀏覽器創建的內容，而不是由標志或內容來表示。生成內容主要由:before和:after偽元素來實現，當然偽元素還包括:first-line,:first-letter和::selection　　 用法 ...

　　　　padding-right:長度|百分比 　　margin:元素外邊距，指的是元素外邊框到父元素 ...

關於hover選擇器：1：改變選擇元素本身　　.xxx:hover{}2:改變元素的子無素　　.xxx:hover xxx{}3:改變元素的相鄰元素　　.xxx:hover +xxx{} Document nihao ...

前面的話 　　前面介紹了offset偏移、client客戶區和scroll滾動，這三部分主要從屬性的角度來對元素尺寸信息進行獲取和修改。本文主要介紹元素視圖的三個方法，包括getBoundingClientRect()、getClientRects()和elementFromPoint ...

div寬度設置width:100%后再設置padding或margin超出父元素的解決辦法 一、總結 一句話總結：直接加上box-sizing:border-box;即可解決上述問題。 1、box-sizing的三個屬性分別是什么？ 根據意思來記很好記的 值 ...

size 和 width 都可以設置輸入框的可見寬度。但是二者還是有一定的區別的。 input元素的 size屬性規定的是以字符數計算 <input> 元素的可見寬度。 注意： size 屬性適用於以下幾種 input 類型：text、search、tel、url、email ...