在布局中，display属性是最重要的CSS属性之一。其最常见的属性值有block,inline,none,table以及inline-block。最近的新宠为flex,因为它是专门为布局创建的display属性。新出现的grid(最近仍比较活跃)是另外一个指定的布局属性，其很快就会广泛被使用。这篇文章比我预期的要长很多，你可以选择性进行阅读，但是我更希望你可以静下心来阅读整篇文章。

你可以只使用HTML属性实现表单验证的效果，可以使用CSS选择器带来简洁的用户体验。但是，你需要使用一些CSS技巧让效果更好。

大家好！在早期的网页设计之中，我不得不从试验以及错误之中进行学习总结。那时没有可参考的杂志，也没有像 Codepen 或者其它类似的使用工具。如果有人可以为我指点一下，尤其是CSS方面，都将会是很大的帮助。现在我的经验越来越多，我想和大家分享一个有关于CSS 伪类以及伪元素的总结。如果你是一位前端设计者或开发者，你一定对将要讨论的伪元素以及伪类有所了解并且可能使用过它们。然而我还是建议你看看本文所讲的所有条目选项，你可能会有新的收获。

不管你是刚刚才接触BEM还是已经是一名老手，对于它的思想你是不是都十分的赞美？如果你还没有接触过BEM，在阅读这篇文章之前我建议你先到BEM官方网站进行了解，因为我将对其进行分类表述我对这种CSS理念的观点。

目前最常见的排序算法大概有七八种，理解和掌握各种排序算法似乎是一个合格的程序员所必须要掌握的。今天想要和大家分享快速排序算法的Javascript的实现。快速排序(Quicksort),又称为 划分交换排序(partition-exchange sort)，最早是由东尼·霍尔提出的。

是不是有时候会出现将一个字符串中的每个单词的首字母大写化，其余字符均为小写的情况，如"hello world"转化为"Hello World"。好了接下来大家可以试验一下是否可以解决这个问题，在这里我要和大家分享几种比较容易理解的解决方案。

几个星期前，我发现Twitter上几乎每个人的star都转向了一颗心。无疑这是一个很大的讨论的话题之一···但是我所在意的是··这个动画的实现是否只用CSS就可以实现呢(不是单一的图片或者SVG)？我知道这并不很重要，但是当这个想法出现的时候，我简直不能入睡直到可以想出一个可行的方案。经过一些实验后，我终于有了我的答案。结果并不完美(大量的SCSS / CSS -大约400行)，但是也是令人满意的(至少基于我的期望)。

当你书写大量的CSS代码时，可能会出现不止一个的错误。可能需要某个工具来阻止你CSS书写的错误。可能，有的时候你的错误真的是一个bug。也有可能仅仅因为草率造成的不一致或者不明确的代码风格。可能它们当中的许多看起来微不足道(取决于你的性子)，但是随着代码库的增多以及时间累积，许多人使用时就会做出有丑陋的东西。事情的后果不是你可以想象的。你尝试去控制自己。你的同事也帮助你，当你游离及时纠正你的错误。但是，你和你的同事都是错误的制造者，所以最后至少在一定程度上都不可避免的失败了。后来，你或者其他人就要解决你页面CSS错误造成的问题。

HTML没有给我们提供大量的标签去使用。其可选择的数量就像是街边的小商店而不是沃尔玛。我们有段落，列表和标题，但是我们不具有事件，新闻故事，或者说是配方。HTML提供给我们一个元素用于字符串的缩写标记，但是没有提供我们一个元素用于数字的价格标记。显然，从各种各样惊人的网站就可以看出，这一限制并没有得到很好的解决。虽然HTML并没有提供我们一个明确的元素用于内容价格的标记，但是他现在也已经变得十分灵活以至于“足够好”。这里套用Winston Churchill经常说的一句话，HTML是尝试过的标记形式中最糟糕的一种。

在过去几年，CSS 的发展是很多 Web 设计者和开发人员未能想到的。CSS3 引入了新的功能，如 border-radius, box-shadow, text-shadow, text-overflow, multiple-background, transition, flexbox、animation 以及媒体查询等。