**CSS Viewport units(视口单位)**在过去几年已经出现了，随着时间的推移，越来越多的开发人员开始使用它们。它们的好处在于为我们提供了一种不需要使用J avaScript 就能以动态的方式调整大小的方法。而且，如果它失效，也有很多备用方案。
在本文中，我们将学习 CSS Viewport units(视口单位)以及如何使用它们，并用列举一些常见问题及其解决方案和用例，让我们开始吧。
2024年11月01日
**CSS Viewport units(视口单位)**在过去几年已经出现了，随着时间的推移，越来越多的开发人员开始使用它们。它们的好处在于为我们提供了一种不需要使用J avaScript 就能以动态的方式调整大小的方法。而且，如果它失效，也有很多备用方案。
在本文中，我们将学习 CSS Viewport units(视口单位)以及如何使用它们，并用列举一些常见问题及其解决方案和用例，让我们开始吧。
2024年11月01日
CSS是有魔法的，我们今天来实现一个CSS的动画效果，只需要几行代码就可以搞定。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
body{
background: #000;
}
.container{
margin-top: 50px;
text-align: center;
background-color: #000;
filter: contrast(30);
}
.text{
font-size: 100px;
color: #fff;
/* 第一步、如何从中间展开 */
letter-spacing: 0px;
}
</style>
</head>
<body>
<div class="container">
<span class="text">hello world</span>
</div>
</body>
</html>
2024年11月01日
快速查看git的历史记录
快速搜索本地node_modules~但凡涉及到
2024年11月01日
定义元素内部和外部的显示类型。
·外部显示类型display-outside：生成一个内联元素盒，该元素之前或者之后并不会产生换行。在流式布局中，如果有空间，下一个元素将会在同一行上。块级盒子可以修改宽度和高度。内边距(padding)，外边距(margin)和边框(border)会将其他元素从当前盒子周围"推开"。内联盒子不会产生换行，设置宽度和高度无效。
·内部显示类型默认流式布局：将成为一个自包含的独立块级格式化上下文，使得该元素的内部布局不受外部元素的影响。将元素呈现为表格形式的布局，同时具备内联元素和块级元素的特点，即可以设置宽高，又可以在同一行显示。同display：inline flow-root；外部显示为inline，内部布局为table；外部显示为inline，内部布局为fLex；外部显示为inline，内部布局为grid。同display：inline table；同display：inline flex；同display：inline grid。元素不显示，不占据空间。
2024年11月01日
现在互联网上很经常看到一个词：SEO。我相信不少小伙伴并不明白到底什么是SEO。今天小编就是用通俗易懂的语言让你分分钟学会SEO。
SEO全称是：Search Engine Optimization（搜索引擎优化）。到底啥意思呢？
大家在使用浏览器的时候，最常用的应该就是百度或者谷歌搜索自己想要的答案。而每一个网站的站长，开发者等人，都希望自己的网站能够被更多的人浏览到。
不少人使用搜索引擎时都只看第一页的搜索结果。比如搜“今日头条”，会出现好多搜索结果，用户一般只看前几条结果。那么如果你的网站能够排在搜索结果的前几名，是不是就会有更多的用户点击浏览你的网站？
2024年11月01日
21- 什么是 Flexbox？它是如何工作的？
Flexbox 是 CSS 中功能强大的布局模型，它提供了一种灵活的方式来排列容器内的元素。
2024年11月01日
现在很多中小学校都有自己的网站，但是网站运营者很多都是网站爱好者，能通过一些源码建站，但是没有自己的创意，有时候，在浏览网页的时，我们有时可以看到：有的网页滚动条颜色不是系统默认的，而是漂亮的红色或其它颜色，其实这就是在网页代码之间加入代码来实现的，具体是哪些代码呢？现在提供给大家，网站设计者或者网络高手请无视。
以下就是网页滚动条代码及其解释：
<Style type="text/css">
<!--