CSS中几个实用的代码片段

大家好，我是 [东北大蒜]，来自 [河南洛阳]。我很高兴加入 51CTO 博客社区，并与大家分享我的技术知识和经验。

首先，要知道什么是 CSS？

  CSS 是 Cascading StyleSheets(层叠样式表)的简称。

 CSS 语言是一种标记语言，它不需要编译，可以直接由浏览器解释执行(属于浏览器解释型语言)。

 在标准网页设计中 CSS 负责网页内容 (XHTML)的表现。

CSS 文件也可以说是一个文本文件，它包含了一些 CSS 标记，CSS 文件必须使用 css 为文件名后缀。

 可以通过简单的更改 CSS 文件，改变网页的整体表现形式，可以减少我们的工作量，所以它是每一个网页设计人员的必修课。

  CSS是由W3C的CSS工作组产生和维护的。

那么今天，我就想分享CSS中几个实用的代码片段。

1. 文本模糊效果实现

p {
  margin:50px;
  color:transparent; 
  text-shadow: 0 0 5px rgba(0,0,0,0.7);
}

2. 用CSS实现省略号动画，只需要借助特殊字符

.loading::after{
  content:'26';
  overflow:hidden;
  display:inline-block;
  vertical-align: bottom;
  animation: ellipsis 2s infinite;
 }
 @keyframes ellipsis{
   from {
     width:2px;
 }
 to{
  width:15px;
 }
}

3.自定义选择文本的样式

 ::selection{
   background:red; 
   color:#fff 
 }

其实，Tailwind css只是一个框架，css的框架很多，但每个框架流行也就几年，几年之后呢？肯定有其他的框架在流行，且有可能不只一个框架。但css不会变。所以学习还是要把时间和精力花在很多年都不变的只是上，才是王道，性价比才最高。我觉得只有css掌握牢靠了，由他衍生出来的各种框架其实是很好学的。

立一个 flag！

为了激励自己持续学习和分享，我立一个 flag：

我将在一个月内在 51CTO 博客发布 12 篇技术博文。通过这个目标，我不仅可以提升自己的写作能力，还可以与社区中的更多伙伴交流技术。

期待与大家在 51CTO 博客上的深入交流，让我们共同进步！