小长假到来了，大家五一长假有什么节目呢？不妨可以在留言区分享下游玩的攻略！

前段时间在浏览github的时候，无意中发现了这样一个项目！它罗列了50+个基于HTML/CSS跟Javascript实现的小型网页项目，号称是可以让你50+天学习使用不带重样的。老码硬是不厌其烦的把每个项目的demo都点了一遍过去，确实无论是样式还是特效都可谓是美轮美奂，爱不释手！恨不得麻烦就能把它们应用到自己的网页中。那么我们先来看看其中的一些吧，因为实在太多了，本文实在罗列不过来，喜欢的朋友可以到开源地址看看，地址我放文末了！

大家好，今天给大家介绍一款， 一组12个文字动画特效html页面源码，（图1）。送给大家哦，获取方式在本文末尾。

每款都有独立的动画（图2）

每个动画都可以按重播按钮重复播放（图3）

这 66 个特效，是我历时4个多月在油管一个一个跟着敲出来的，为了加强记忆，每个练习，我都录制了视频，在这里分享出来给大家。大家可能又会调侃了，你是工作不饱和吧，有时间做这些。其实，我目前工作还是挺饱和的，都是挤出来的。我们是9点上班，我基本7点半就到公司自学了，这样我就有一个半小时的时间来做这些了。

对于 CSS 评价，无论是在论坛还是身边的人，我听到最多的是学 CSS 这些花里胡哨没啥用，实际项目中又用不到。听到这些心里还是挺实受挫的，有时候会怀疑自己，我学习的方向是不是错了。但在几次的项目需要用到一些特效，我都能很快的找到思路并做出来，我想这是得益于，我平时所学的这些特效积累出来的。

作为一名前端工程师，经常在写完 HTML 以后，才觉得真正的噩梦要开始了，啊，写 CSS 的时候，面对满屏乱飞的组件，真想手动给他们挪到该在位置上……

在日常学习和工作中，你是否经常觉得时间不够用？为了帮助你提高效率，今天，就为大家分享一些CSS小技巧，如果你感觉有用，也可以收藏与分享给你的小伙伴们~

1. 文字水平居中

将一段文字置于容器的水平中点，只要设置text-align属性即可：

text-align:center;

2. 容器水平居中

先该容器设置一个明确宽度，然后将margin的水平值设为auto即可。

一、块级元素与内联（行级）元素

在 HTML 中有两种重要元素类别：

1. 块级元素

在页面中以块的形式展现。一个块级元素出现在它前面的内容之后的新行上。任何跟在块级元素后面的内容也会出现在新的行上。

盒模型

??CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距margin，边框border，填充padding，和实际内容content。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。box-sizing: content-box（W3C盒模型，又名标准盒模型）：元素的宽高大小表现为内容的大小。 box-sizing: border-box（IE盒模型，又名怪异盒模型）：元素的宽高表现为内容 + 内边距 + 边框的大小。背景会延伸到边框的外沿。

CSS 是一种不断发展的语言。每一次迭代，它都会变得越来越好。因此，了解最新的 CSS 功能非常重要，这样你才能在项目中使用它们，减少对第三方库的依赖。