-
使用@keyframes创建CSS动画的用法与前面讲到的CSS过渡用法类似，区别在于动画中v-enter类名在节点插入DOM后不会立即删除，而是在animationend(动画结束)事件触发时删除。@keyframes规则创建动画，就是将一套CSS样式逐步演变成另一套模式，在创建动画过程中，可以多次 2024-09-13 09:18:27 -
前言 马上我们就要进入下一个阶段，也就是HTML和CSS实现前端界面的阶段了，想必很多小伙伴都想给自己的页面加点酷炫的特效，今天，我就给大家整理了一些非常酷炫的文字特效来装点你的页面！有些是从网络上找的，有些是自己写出来的 相关属性介绍 这里介绍一点写这些特效时需要用到的属性，（带-webkit-开 2024-09-13 08:48:24 -
一看就会的CSS讲解 CSS 设置表格样式(css 表格 边框)
1：设置表格的边框Border：设置表格边框；Border-collapse：设置边框分离，合并 默认是 separate(分离) collapse 合并；Border-spacing ：设置单元格的间距；Padding：设置单元格内容和边框之间的距离；2：设置表格的宽度Table-layout：设 2024-09-13 08:18:32 -
在第一部分中我们举例了7个前端开发项目中的常见CSS问题并提供参考方案，虽然有些并不是有最好的解决方案，但是从中我们依然学到更多的关于前端的技能。下面是我们整理出第二部的css问题，顺序是从第一部分开始排序，所以下面我们是从第8个问题开始。8.设置max-width图像添加图像时，请定义max-wi 2024-09-12 11:00:13 -
估计大家都听过，尽量将CSS放头部，JS放底部，这样可以提高页面的性能。然而，为什么呢？大家有考虑过么？很长一段时间，我都是知其然而不知其所以然，强行背下来应付考核当然可以，但实际应用中必然一塌糊涂。因此洗（wang）心（yang）革（bu）面（lao），小结一下最近玩出来的成果。node端唯一需要 2024-09-11 10:46:04 -
BFC，为 Block Formatting Context 的缩写，中文翻译为 块格式上下文。BFC 是 Web 页面 CSS 渲染的一个机制，是块级盒子布局中产生的区域。你可以将一个 BFC 可以理解为一个容器，里面的元素不会影响到容器外的布局。怎样的元素属于 BFC？根元素，也就是 HTML 2024-09-11 08:48:03 -
HTML+CSS div实现空行，padding起作用，margin不起作用
今天在开发一个web应用时，需要在页面上增加一个空行，但我又不希望增加多余的代码，比如使用 来增加内容，也不希望使用<br />这样多余的html无素，因此我直接使用了<div>上面增加样式来控制显示的效果。<style>.p_5 {padding:5px}.m_ 2024-09-11 08:03:42 -
如何理解CSS中BFC?定义: 块格式化上下文（Block Formatting Context，BFC） 是Web页面的可视化CSS渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域。BFC 特性及应用同一个 BFC 下外边距会发生折叠代码理解<style> 2024-09-10 10:18:28 -
CSS3 transition动画1、transition-property 设置过渡的属性，比如：width height background-color2、transition-duration 设置过渡的时间，比如：1s 500ms3、transition-timing-function 设 2024-09-10 09:02:59 -
这是一个非常简单而实用的纯CSS实现的 Loading 特效。它由两个圆圈横向排列，交替渐隐切换。这种动画效果很适合用于页面加载过程中，为用户提供一个愉悦的等待体验。在这个特效的设计中，使用了CSS的animation属性来实现圆圈的渐隐切换效果。这个特效的实现并没有用到任何JavaScript，这 2024-09-10 08:48:35
