2024-12-01 厉飞雨 阅读(369) 评论(0) 赞(15)

<p>喜欢看网页上那些酷炫的效果吗？这就是CSS的功劳！我整理了一些很棒的CSS特效，让网页看起来更有趣、更生动。这些特效有的简单，有的复杂，但都用的是简单易懂的代码。比如，颜色会慢慢变化的背景，会动的小图标，还有跟着你的鼠标动来动去的效果。这篇文章里，我会和大家分享并展示这些让人看了还想看的CSS特效。快来一起看看吧！</p> <p>相关文...

2024-11-24 厉飞雨 阅读(197) 评论(0) 赞(17)

<p>作为我担任Speckyboy首席技术官的新职位的一部分，我决定撰写一系列文章，以帮助您了解制作一个真正快速的网站所需要的内容。您可能已经注意到，Speckyboy最近刚出手，并且运行速度快得多。</p> <p>这是因为我将在&quot;网站速度&quot;系列中列出所有提示，其中重点是100％的加载时间。</p&g...

2024-11-24 厉飞雨 阅读(204) 评论(0) 赞(20)

 常见的水平垂直居中实现方案，可以介绍三种方案。 最简单的方案当然是[flex](/tags/flex/)布局： ``` .father {     display: flex;     justify-content: center;     align-items: cente...

2024-11-24 厉飞雨 阅读(270) 评论(0) 赞(16)

<p>滚动链接动画通常可以为网站增添一抹档次，但长期以来一直是 <a href="/JavaScript/">JavaScript</a> 的专利。现在，一个全新的规范正在实施，使我们能够使用 <a href="/Html4css/">CSS</a> 创建丰富的滚动驱动体验！&l...

2024-11-24 厉飞雨 阅读(301) 评论(0) 赞(16)

<p><img src="/images/tt/html.jpg" alt="" /></p> <p><a href="/Html4css/">CSS 选择器</a>允许您按类型、属性或在 <a href="/Html4css/&q...

2024-11-24 厉飞雨 阅读(238) 评论(0) 赞(29)

<p>我们可能会想&quot;好吧，这是一个简单的任务！在你制作动画的图像上方添加一个额外的元素，它就完成了。&quot; 没错，但我们不会使用任何额外的元素或伪元素。我们将只使用元素来工作<code>&lt;img&gt;</code>。而已！</p> <p>这听起来可能是不可能的，因...

2024-11-24 厉飞雨 阅读(294) 评论(0) 赞(14)

<p><img src="http://static.51tbox.com/static/2024-11-23/col/290e6f396302b6f5cd4eb153684430c1/a7bf377da2854f5eb7b49d9b08ea3b31.jpg.jpg" alt="500.jpg" title="...

2024-11-24 厉飞雨 阅读(240) 评论(0) 赞(13)

<p><a href="https://www.w3.org/TR/css-contain-3/">容器查询</a>启用基于可用空间的元素样式。它们使我们能够构建可适应无限、未知布局安排的弹性组件。这与视口媒体查询形成对比，视口媒体查询需要在页面级别协调样式更改。</p> <br /> <h2...

2024-11-24 厉飞雨 阅读(348) 评论(0) 赞(26)

<p><img src="/images/tt/html.jpg" alt="" /></p> <p>作为&quot;父选择器&quot;的先驱，<code>:has()</code>伪类的范围远比仅仅为元素的祖先设置样式大得多。凭借其在 Safari...

2024-11-24 厉飞雨 阅读(337) 评论(0) 赞(30)

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