关于Transform变形属性大家都不陌生吧,可以通过此属性实现元素的位移translate(x,y),缩放scale(x,y),2d旋转rotate(angle),3d旋转rotate3d(angle),倾斜变换skew(x-angle,y-angle)等,你也许已经很熟悉了这些属性,或许你也会有这样的困惑,这些属性在实际项目中如何应用呢?今天的文章,笔者 ......
411
0
0
2022-03-27
译者:@Jack Chen原文:https://blog.bitsrc.io/css-pseudo-selectors-you-never-knew-existed-b5c0ddaa8116CSS中(伪类)选择器允许您将样式分配给实际上是由特定元素的状态或文档中的标记模式(甚至是文档本身的状态)推断出来的幻像类。这篇文章在一定程度上鼓励你在构建UI时使用更简 ......
357
0
0
2022-03-27
<input /> 标签是我们日常开发中非常常见的替换元素了,但是最近在刷 whattwg 跟 MDN 的时候发现 跟 <input /> 有很多相关的属性,选择器都没怎么用过,所以就开篇文章来整理一下一些比较有趣或者实用的知识点。本篇文章默认大家已经知道 <input /> 标签的基本用法,不会做过多的基础说明~没想到, ......
361
0
0
2022-03-27
Google不知道是咋搞的,我猜是故意的吧。Chrome Develop Tools对于JavaScript的调试真是方便,不过它的default的字体大小,也太让人头大了,尤其是对我这种视力很差,迫切不要大字体的人来说,简直就是折磨。Google故意留了这么个招,可以搞定这件事情,又让每个人都去寻寻觅觅才能搞定,哎,无意问苍天啊~~~~Linux 下:$H ......
507
0
0
2022-03-22
chrome浏览器下的input和textarea在聚焦的时候都有一个黄色的边框,而且textarea还可以任意拖动放大,这样不但影响外观,而且有时候拖动textarea还会使页面布局错乱,我们如何解决呢?看下面代码。取消chrome下input和textarea的聚焦边框: input,button,select,textarea{outline ......
381
0
0
2022-03-22
很多时候我们需要在IE下支持一些圆角,但是又懒得去用复杂的css代码去各种拼接的话,有下面两种方面:方案一:我们可以采用这个htc的文件。代码:Css代码  .test{      -moz-border-radius: 3px;    &nbs ......
500
0
0
2022-03-22