我看来，CSS计数器在web上还没有得到充分利用，尽管它们的支持非常好(IE8+)!。在本文中，我将解释如何在项目中使用CSS计数器，以及一些用例。什么是CSS计数器计数器是css3提供的一个强大的工具，是一种可以让我们使用CSS给元素自动编号的方法。使用它可以很方便对页面中的任意元素进行计数，实现类似于有序列表的功能。但与有序列表相比，css计数器可以对任
......
458
0
0
2022-03-27
点击右上方红色按钮关注“web秀”，让你真正秀起来前言说起CSS3动画，就必须说说 transform，translate，transition，animation这4个属性，transform主要定义元素的动作，比如旋转、倾斜、位移等，translate是transform里面的属性，用于2D/3D位移。后2个主要对动作进行描述，动画时间、速度曲线、次数等
......
403
0
0
2022-03-27
关于Transform变形属性大家都不陌生吧，可以通过此属性实现元素的位移translate(x,y)，缩放scale(x,y)，2d旋转rotate(angle)，3d旋转rotate3d(angle),倾斜变换skew(x-angle,y-angle)等，你也许已经很熟悉了这些属性，或许你也会有这样的困惑，这些属性在实际项目中如何应用呢？今天的文章，笔者
......
452
0
0
2022-03-27
译者：@Jack Chen原文：https://blog.bitsrc.io/css-pseudo-selectors-you-never-knew-existed-b5c0ddaa8116CSS中（伪类）选择器允许您将样式分配给实际上是由特定元素的状态或文档中的标记模式（甚至是文档本身的状态）推断出来的幻像类。这篇文章在一定程度上鼓励你在构建UI时使用更简
......
393
0
0
2022-03-27
<input /> 标签是我们日常开发中非常常见的替换元素了，但是最近在刷 whattwg 跟 MDN 的时候发现 跟 <input /> 有很多相关的属性，选择器都没怎么用过，所以就开篇文章来整理一下一些比较有趣或者实用的知识点。本篇文章默认大家已经知道 <input /> 标签的基本用法，不会做过多的基础说明~没想到，
......
401
0
0
2022-03-27
Google不知道是咋搞的，我猜是故意的吧。Chrome Develop Tools对于JavaScript的调试真是方便，不过它的default的字体大小，也太让人头大了，尤其是对我这种视力很差，迫切不要大字体的人来说，简直就是折磨。Google故意留了这么个招，可以搞定这件事情，又让每个人都去寻寻觅觅才能搞定，哎，无意问苍天啊~~~~Linux 下：$H
......
541
0
0
2022-03-22
chrome浏览器下的input和textarea在聚焦的时候都有一个黄色的边框，而且textarea还可以任意拖动放大，这样不但影响外观，而且有时候拖动textarea还会使页面布局错乱，我们如何解决呢？看下面代码。取消chrome下input和textarea的聚焦边框： input,button,select,textarea{outline
......
414
0
0
2022-03-22
很多时候我们需要在IE下支持一些圆角，但是又懒得去用复杂的css代码去各种拼接的话，有下面两种方面：方案一：我们可以采用这个htc的文件。代码：Css代码 .test{
-moz-border-radius: 3px;
&nbs
......
540
0
0
2022-03-22