点击右上方红色按钮关注“web秀”，让你真正秀起来
前言
“字节跳动”现今也是如日中天，旗下产品，除头条外，还有短视频平台“抖音”，人气也是非常高，据说拥有7亿用户。
今天我们就来研究研究抖音的logo，蹭蹭热度。
效果预览：
主要用css3新增属性mix-blend-mode，混合模式来实现。
分解
我们先来看看它的组成，由大写的“J”组成，然后有3种颜色，白色、红色、和天蓝色。
2024年10月18日
点击右上方红色按钮关注“web秀”，让你真正秀起来
“字节跳动”现今也是如日中天，旗下产品，除头条外，还有短视频平台“抖音”，人气也是非常高，据说拥有7亿用户。
今天我们就来研究研究抖音的logo，蹭蹭热度。
效果预览：
主要用css3新增属性mix-blend-mode，混合模式来实现。
我们先来看看它的组成，由大写的“J”组成，然后有3种颜色，白色、红色、和天蓝色。
2024年10月18日
1、开启Gzip
AddOutputFilterByType DEFLATE text/html text/css text/plain text/xml application/x-httpd-php application/x-javascript
2、缓存html 、html、php、txt等文档
2024年10月18日
原文：https://blog.csdn.net/TriDiamond6/article/details/105222289CSS是一个很独特的语言。看起来非常简单，但是某种特殊效果看似简单，实现起来就颇有难度。这篇文章主要是给在学习前端的童鞋分享一些新的CSS技巧，一些在前端教程和培训课堂中不会讲到的知识。第二就是让还在前端开发这条道路上的童鞋们，重新燃起对前端排版和特效的热爱和热情！
2024年10月18日
image
mix-blend-mode: normal; //正常
mix-blend-mode: multiply; //正片叠底
2024年10月18日
font-size属性，用来设置页面中字体的大小，是css中最常用的属性之一，也叫字号，我们总是在一个页面里面用到各种不同的字号。
它的值可以使用多种方式来指定，非常的灵活：
（注：这里会用到基础字号与最小字号的两个概念，具体含义我们接下来会用示意图进行解释）
2024年10月18日
1.使用CSS复位
CSS复位可以在不同的浏览器上保持一致的样式风格。您可以使用CSS reset 库Normalize等，也可以使用一个更简化的复位方法：
*,*::before,*::after { box-sizing: border-box;
2024年10月18日
grid-area CSS 属性是一种简写，它通过在一个声明中设置网格行开始、网格列开始、网格行结束和网格列结束的值来指定网格布局中网格项的位置和大小。
.grid-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}
.grid-item:nth-child(2) {
grid-area: 2 / 4 / 4 / 6;
/* is equivalent to: */
grid-row-start: 2;
grid-column-start: 4;
grid-row-end: 4;
grid-column-end: 6;
}
2024年10月18日
作为Web开发人员，最常见的事情之一就是更改HTML元素的背景颜色。但是，如果您不了解如何使用CSS background-color属性，可能会产生混淆。在本文中，我们讨论以下几点
1.HTML元素的默认背景色值
2.如何更改div的背景颜色，这是非常常见的元素
3.该background-color属性会影响CSS盒子模型的哪些部分，以及
4.此属性可以采用的不同值。