热门关键字:
jquery > jquery教程 > jquery教程 > 16个前端小知识分享小白入门篇

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

375
作者:管理员
发布时间:2021/3/30 18:45:24
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=4323
  1、css一行文本超出隐藏


  2、css 多行文本溢出隐藏


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


  4、修改滚动条样式


  隐藏 div 元素的滚动条


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



  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属性,当元素指定了该属性后,元素的内容成为可编辑状态。


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



  12、文字模糊效果


  13、多重边框


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


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


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


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


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


  calc() 函数用于动态计算长度值。


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


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


  calc()函数支持 "+", "-", "*", "/" 运算;


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


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


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




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:HTML
友荐云推荐