一、界面功能：
- 动态龙舟特效：底部龙舟划过水面留下波纹轨迹（SVG+JS动画实现）
2025年06月15日
自从看到前端大神说网页要用div+css来布局，用table布局太low后，为了假装大神，也抛弃了table。于是从此陷入了CSS兼容的泥潭，一发不可收拾。现在总结起来，装神不是你想装，想装就能装，不如当菜鸟。资深的菜鸟，无招胜有招，想用啥就用啥，这境界不亚于大神。关键是要跳出技术想技术，就拿网页布局来说，要看用户群体，如果是面对IT人士，你可花点时间用div+css，如果是面对官员，建议稳妥起见用table，否则一个兼容没处理好，就否定你一切，让你从大神直接变大忽悠。因此
2025年06月15日
有许多方法可以将HTML元素与CSS对齐，但是一起使用或单独使用它们并不是那么容易。开发人员所面临的困难之一就是试图将元素集中在页面中间。
因此，在本文中，我将展示一些最常用的方法，即通过使用不同的CSS属性在水平和垂直方向上居中图像。
让我们开始使用3个不同的CSS属性将图像水平居中。
2025年06月15日
无序列表的列表项默认情况下是竖着排的，因为li元素是块级元素，会自动分行。那如果要将列表的列表项进行横排，比用无序列表ul元素定义一个导航条。那该怎么办呢？这当中有三个应当被解决的东西，一个是横排本身，另一个就是应当把无序列表项的圆点去掉，第三则是让ul定义的列表居中显示，包括水平居中和垂直居中。方法如下：
2025年06月15日
前端工程师们，是不是总在加班改样式、调布局？看着别人轻松通过大厂面试，自己却在面试官的 CSS 问题前栽跟头，心里焦虑又无奈？别慌！从今天起，跟着我每日一道 CSS 样式类高频面试题，把这些知识点吃透，下次面试稳拿高薪！
最近，“CSS 布局优化”“响应式设计技巧” 等词在前端圈热度居高不下，这些可都是面试的常客。今天咱们就先从一道超经典的面试题入手 ——如何用 CSS 实现一个水平垂直居中的 div？ 这题看似简单，背后却藏着好几种巧妙解法，面试官就爱拿它考察你的 CSS 功底。
2025年06月15日
有很多CSS属性，有些人不了解，或者他们了解它们，但是忘记在需要时使用它们。其实，有时候我们用 JavaScript 来实某些交互，CSS 一个属性就能搞定了，这可以大大节约我们编码的时间。
作为前端开发人员，我们经常会遇到这样的事情。所以我问自己，为什么不搞篇文章列出所有那些较少使用但既有用又有趣的 CSS 属性？
在本文中，我将介绍一些不一样的CSS属性，希望能给你带来点新鲜感，废话不多说，让我们开始吧。
2025年06月15日
进入我的主页，查看更多CSS的分享！
首先呢，先去看文档，了解flex是什么，这里不做赘述。
当然，可以看下面的代码示例，辅助你理解。
将子元素在水平方向进行布局：
1. 垂直方向靠顶部，水平方向靠左侧
2025年06月15日
页面布局中最常见的需求就是元素或者文字居中了，但是根据场景的不同，居中也有简单到复杂各种不同的实现方式，本篇就带大家一起了解下，各种场景下，该如何使用 CSS 实现居中
2025年06月15日
<div id="parent">
<!-- 定义子级元素 -->
<div id="child">居中布局</div>
</div>通过以下CSS样式代码实现水平方向居中布局效果
2025年06月15日
css水平垂直居中一直是一个亘古不变的话题，它常常出现在优美的网页上以及各大前端面试当中。说来惭愧，在两年前面试的时候，我完全不知道如何做到水平和垂直均居中的方法，那场面别提有多尴尬了（特想找个地洞钻进去）。现在都2022年了，这些技巧现在已经不是技巧了吧，只是好记性不如烂笔头，还是乖乖记下来吧，得把它玩透才行！
注：文中例子没写明html代码时，使用的是下面结构：