16个前端小知识分享小白入门篇

  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的颜色设置为需要的颜色。

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h61603.shtml

张贴在2