2024-12-07 厉飞雨 阅读(366) 评论(0) 赞(15)

<p><img src="http://static.51tbox.com/static/2024-11-23/col/58241f6053732d0d00914d861dff6d76/3e472d4a81e340c6bb3c6df04f298c47.jpg.jpg" alt="500.jpg" title="...

2024-12-07 厉飞雨 阅读(357) 评论(0) 赞(17)

以往，要在CSS中使用"改一点点，全局生效"的变量功能，要么用SCSS、LESS，要么写个脚本生成文件。但实际上，新一点的CSS标准已经自带变量功能。 ### 先看看其它的实现方式 #### LESS @main-color: #525f7f; `span { color: @main-color; }` <br...

2024-12-07 厉飞雨 阅读(341) 评论(0) 赞(13)

1. Animate.css 是什么？ ------------------- Animate.css 是一个跨浏览器的 CSS 动画库，提供了许多预设的、流畅的动画效果。用户只需添加几个 CSS 类名，就可以轻松实现复杂的动画效果，无需编写任何 JavaScript 代码。 2. 为什么使用 Animate.css？ --------------------- * **...

2024-12-07 厉飞雨 阅读(272) 评论(0) 赞(12)

<p>一般都加载页面底部或者banner图的底部，增加页面的视觉效果，非常好看</p> <h2>1.效果展示</h2> <p><img src="http://static.51tbox.com/static/2024-12-06/col/ac2d24671cffc2ebea432171d0380f32...

2024-12-07 厉飞雨 阅读(240) 评论(0) 赞(13)

在当今的Web开发领域，数据可视化已成为前端开发中不可或缺的一部分。今天，我将和大家分享几款令人惊叹的HTML5前端图表组件，它们不仅功能强大，而且设计精美。这些组件将为前端开发者提供极大的便利，无论是在数据展示还是交互设计上都能大放异彩。 <br /> 此方法来自前端新世界 [前端新世界](https://mp.weixin.qq.com/s/pWKs-0q...

2024-12-07 厉飞雨 阅读(390) 评论(0) 赞(12)

CSS 选择器简介 {#css-%E9%80%89%E6%8B%A9%E5%99%A8%E7%AE%80%E4%BB%8B} -------------------------------------------------------------- ### 1. CSS 简介 {#1.-css-%E7%AE%80%E4%BB%8B} CSS，全称"层叠样式表&q...

2024-12-07 厉飞雨 阅读(350) 评论(0) 赞(20)

CSS 布局属性Display和Position介绍 {#css-%E5%B8%83%E5%B1%80%E5%B1%9E%E6%80%A7display%E5%92%8Cposition%E4%BB%8B%E7%BB%8D} -----------------------------------------------------------------------------...

2024-12-07 厉飞雨 阅读(261) 评论(0) 赞(19)

省略号的单行和多行显示，此方法需要支持webkit属性 ```css span { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; /*修改此处为1,可实现单行显示省...

2024-12-07 厉飞雨 阅读(253) 评论(0) 赞(20)

<blockquote> <p>君子忍人所不能忍，容人所不能容，处人所不能处。------邓拓</p> </blockquote> <p>我们可以使用<code>thymeleaf</code>进行动态渲染<code>html</code>内容</p> <...

2024-12-07 厉飞雨 阅读(397) 评论(0) 赞(13)

<blockquote> <p>任何问题都有解决的办法，无法可想的事是没有的。──爱迪生</p> </blockquote> <h2>问题场景： {#问题场景}</h2> <p>一个<code>thymeleaf</code>项目，上传图片、视频是直接使用<code...