本人菜鸟一枚，趁着奥运期间，一边看奥运，一边学习，最近在慕课网学习前端技术，学习过程中有向很多前辈们博客学习，现在就来分享我的学习所得。 慕课网，导航条菜单的制作，使用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 ...