prianyu / css Goto Github PK

CSS入门简单，没有CSS基础的人花上一天的时间也能够简单的修饰网页的一些基本的样式，实际使用时间有一年的人几乎都能熟练的应用CSS的各种属性，比如常见的布局，低版本浏览器的一些hack技巧。但CSS使用到一定程度上后就容易遇到瓶颈，遇到瓶颈后就难提高。什么是瓶颈？可以看看@张鑫旭在自己的博客中的一篇文章《说说CSS学习中的瓶颈》，深入理解一下什么是瓶颈，瓶颈怎么来。

我自己做前端开发这段时间里，在使用CSS的过程中也碰到了各种疑惑和难题，比如vertical-align属性为什么不能如愿居中，子元素使用margin-top为什么不能撑开父级元素的高度等等问题。当然通过搜索和思考也解决了这些问题。在学习CSS过程中，我认为张鑫旭的博客给了我很大的帮助和启发。很多时候一直想不明白的难题都可以在他的博客里找到答案。所以像深入理解CSS的，可以参考他的博客。

写下这些文章一方面想记录自己在实践的过程中遇到的一些问题和解决办法，另一方面是可以给一些刚入门CSS同学们提供一点小资源。在写到CSS常用属性的时候，我不会写所有大家都知道的特性或者表现形式的内容（比如margin属性值的书写方式，border属性值的书写方式等）。我主要会写一写深入理解属性的内容以及利用属性的特点怎么进行应用。所有的内容均糅合了我自己的理解以及对其他作者（如张鑫旭）一些文章的理解。因此，可能存在理解错误的地方，欢迎指正，互相学习。

文章将包含以下所有的章节：

1. border属性的特点以及实际的应用

2. line-height与vertical-align疑难杂症