当我们遇到九一八事变、南京大屠杀等特殊日期，我们该如何去写代码呢，我在有一篇文章写了一篇关于网站整体变灰的代码，但是只有每次写上才会生效，很不方便，今天我给大家介绍一下如何在特殊的日子，网站自动变灰： <script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script> <!--全站

代码非常的简单，只需要十七行就可以实现，具体自行尝试 .site-title{ font-size: 60px; text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1p

WordPress 设置浏览器端缓存，加快访问速度，在网站根目录 .htaccess 文件中添加以下代码： #Expire Header ExpiresActive on ExpiresByType text/css "access 1 month" ExpiresByType text/plain "access 2 days" ExpiresByType text/html "access 2

每天一个小知识：如何修改a标签的title的样式？具体代码如下： a {position:relative;} a:hover:before { position:absolute; top:20px; right:0; content:attr(title); color:#000000; border:1px solid #242424; background-color:#E5E5E5; }

实现方法: CSS判断控制路: .wppc{ display: block; } @media (max-width: 767px) { .wppc{ display: none !important; } } 那么我们用相反的方法实现 自动PC端隐藏 手机端显示CSS代码判断实现自适应该怎么做呢？ 方法很简单：根据以上代码得出  display:block是在web端显示的，然后dis

这一次我收集了5个非常棒的CSS技巧，只需几行代码就可以完成一些很棒的功能。 现在准备好了吗，让我们开始吧！ 01、平滑滚动 当您有一个显示网页不同部分的按钮时，此技术非常重要。用一个简单的 href="#goToContact" 来完成这个功能。 html { scroll-behavior: smooth;} 02、调整图像以合适大小位置 下面是一个例子： img { max-width:10

HTML: <!-- 触发弹窗 - 图片改为你的图片地址 --> <img loading="lazy" id="myImg" src="img.jpg" alt="文本描述信息" width="300" height="200"> <!-- 弹窗 --> <div id="myModal" class="modal"> <!-- 关闭按钮 -

HTML: CSS: 在线实例：