1、css一行文本超出隐藏

 

　　2、css 多行文本溢出隐藏

 

　　3、 IOS 手机容器滚动条滑动不顺畅

 

　　4、修改滚动条样式

 

　　隐藏 div 元素的滚动条
 

 

　　5、解决 ios audio / video 无法自动播放、循环播放的问题

 

　　6、去除图片底边3像素的问题

 

　　7、contenteditable

 

　　contenteditable="true" 可以将标签变成可编辑状态。

 

　　8、CSS中calc（）方法

 

　　这个属性能适应自适应的布局。

 

　　9、解析get 参数

 

　　通过 replace 方法获取 url 中的参数键值对，可以快速解析 get 参数。

 

　　10、解析连接url

 

　　创造 a 标签，给 a 标签赋值 href 属性的方式，获取到协议，pathname,origin等 location 对象上的属性。

 

　　11、浏览器秒变编辑器

 

　　HTML5中新加的contenteditable属性，当元素指定了该属性后，元素的内容成为可编辑状态。

 

　　12、文字模糊效果

 

　　13、多重边框

 

　　在css中，我们可以利用重复指定box-shadow来达到多个边框的效果。
 

 

　　14、浏览器地址栏运行HTML代码

 

　　在地址栏输入以下代码然后回车运行，会出现指定的页面内容。

 

　　15、CSS中也可以做简单运算

 

　　左侧或者右侧宽度固定，然后剩余部分自动充满。

 

　　calc（） 函数用于动态计算长度值。

 

　　需要注意的是，运算符前后都需要保留一个空格，例如：width: calc（100% - 10px）;

 

　　任何长度值都可以使用calc（）函数进行计算;

 

　　calc（）函数支持 "+", "-", "*", "/" 运算;

 

　　calc（）函数使用标准的数学运算优先级规则;

 

　　16、使用css写出一个三角形角标

 

　　元素宽高设置为0,通过border属性来设置，让其它三个方向的border颜色为透明或者和背景色保持一致，剩余一条border的颜色设置为需要的颜色。