-
1、注意外边距折叠与其他大多数属性不同，上下的垂直外边距margin在同时存在时会发生外边距折叠。这意味着当一个元素的下边缘接触到另一个元素的上边缘时，只会保留两个margin值中较大的那个。例如：HTML<div class="square red"></div>< 2024-12-11 08:04:03 -
1 HTML是骨架很难想象一个人在桌前对着一块砧板坐一夜，隔一会儿就噼里啪啦敲几下，一会儿哭一会儿笑，是一种什么景象。事实上，在猫眼中我们就是这样的。只不过我们面对的是一块会发光的“砧板”而已。但为什么这块“板子”如此吸引人？“上网”到底是在做什么？获取信息。重点在“信息”，一种看不见摸不着却真实存 2024-12-10 10:04:17 -
「CSS很简单」CSS 实现宽高等比自适应容器(css高度自适应怎么实现)
在最近开发移动端页面，遇到这么一个情况：当页面宽度 100% 时，高度为宽度一半，并随手机宽度变化依然是一半。于是我们就需要实现一个宽度自适应，高度为宽度一半的容器。这里先以高度为宽度一半为例，也可以是其他任意比例。一、思考如何实现这个问题类似于：我们在移动端页面，上面有一张宽度 100% 的图片， 2024-12-10 08:50:09 -
程序员小乐(ID:study_tech)第 789 次推文 图片来自百度 往日回顾：30 张图带你彻底理解红黑树 正文 对很多人来说，创建布局是前端开发领域中最难啃的骨头之一。 你肯定经历过耗费数个小时，换着花样地尝试所有可能起作用的 CSS 属性、一遍遍地从 Stack Overfl 2024-12-09 10:46:33 -
旋转动画款旋转动画款动画效果演示HTML代码<div class="spinner-1"></div><div class="spinner-2"></div><div class="spinner-3"> 2024-12-09 10:34:52 -
《GitHub精选》是我们分享Github中优质项目的栏目，包括技术、学习、实用与各种有趣的内容。本期推荐的是一个使用纯CSS实现动画加载效果的项目——SpinKit。SpinKit通过使用transform和opacity属性实现了包括方块翻转、圆点旋转、圆环缩放和九宫格渐变等10余种动画加载的效 2024-12-09 09:48:53 -
我们可以在不使用JavaScript的情况下创建效果和动画，这将有助于许多设计师的工作。但我们必须小心避免滥用CSS3，因为旧浏览器不支持其所有属性。基本了解CSS，特别是CSS3过渡和关键帧动画，非常重要。使用这个简单的概念，我们将看到如何制作功能图像滑块。CSS3过渡的基本概念我们可以使用四个过 2024-12-09 09:05:08 -
今天跟大家分享与CSS3按钮相关的特效展示案例，这些例子特效主要由CSS3编写出来，除了新鲜有创意之外，编写代码质量也很高，对于前端人员或设计师都有参考的价值，当然有的不是全CSS3编写的，部分是需要与JS代码结合使用才能发挥效果。下面大家一起看看这些CSS按钮DEMO，确实很酷哦！1.css按钮点 2024-12-09 08:49:14 -
CSS解析器——css模块使用详解，用更优雅的方式转换css内容
安装npm install cssparse方法使用css模块提供了一个解析css内容的方法parse，它返回css内容的抽象语法树（AST）。图1图1执行结果如下：图2parse方法还可以传入第二个参数，这个参数是个对象，它有两个属性，其中一个属性是source，代表css文件的路径，如果参数中存 2024-12-09 08:34:20 -
css动画就是元素从一种样式过渡到另一种样式的过程。常见的动画效果很多，比如，平移、旋转、缩放等，css实现动画的方式有以下几种：1、transition：实现渐变动画2、transform：实现转变动画3、animation：实现自定义动画一、实现渐变动画1. 语法transition：prope 2024-12-08 10:34:51
