两个多周的时间没有写文章了，手好痒好痒，趁着公司在装修，从上周末到本周都在家办公，同时公司的项目并不紧急，于是抽着时间梳理了一下CSS中关于行高line-height的理解，今天发布出来，大家准备好了吗？

在前面的两篇文章：CSS深入理解之float浮动和CSS深入理解之absolute定位中，介绍了float和absolute的特性和使用方法，如果大家仔细阅读完了这两篇文章，相信你的CSS打怪技能又提高的一大截，那么趁着自己最近状态不错，就多给大家分享点自己平时所学的技能。一方面对自己的技能能够有一个总结，看自己到底理解透了没有，...

本篇将要介绍的绝对定位absolute属性和此前介绍的CSS系列——CSS深入理解之float浮动有着几分的相似性，可以认为两者是兄弟关系，都具有“包裹性”、“高度塌陷”、“块状化”的特性，它们在很多场合都可以互相替代。很多人可能有这样的疑问：一个属性名是“position”，一个属性名是“float”，从名字看起来，它们八竿子都打不着啊...

float属性是CSS中常用的一个属性，在实际工作中使用的非常多，如果使用不当就会出现意料之外的效果。虽然很多人说浮动会用就行、浮动过时了，但是对于优秀的前端开发人员，需要有"刨根问底"的精神，这样在出现一些问题的时候才不至于"手慌脚乱"！因此，今天就特别整理和总结一下float属性。

前一段时间我写了几篇关于css属性的理解和用法方面的文章，今天就不分享css属性了，给大家分享一个我们在实际工作中用到比较多的一个效果——Tab选项卡效果。首先，我们先来看看Tab选项卡效果是什么样子，以QQ新闻为例，有如下效果：

时光飞逝！眨眼间，今天（2018年2月9日）就是2017年的小年了，俗话说过完小年就是年啦~，还在工作的你，今天出去到饭店去犒劳自己一顿吧，又工作一年了，对自己好点。因为有事，我已经回家3天了，好几天没有打开电脑，今天有空打开电脑访问了下segmentfault，恰好看到清蒸不是水煮的一篇文章《[活动 | 走过 2017，迎来 2...

哈哈，大家清醒清醒，那么漂亮的月亮，大家有没有想过我们的css可以搞定任意颜色的月亮呢？答案是：肯定可以的。那么今天就给大家讲讲任意颜色的月亮怎么实现：使用线性渐变linear-gradient，so easy!如果对这个属性不熟悉的，可以先看我之前写的关于线性渐变的文章【前端Talkking】CSS系列-css3之线性渐变初探。

在CSS3中，可以使用box-shadow属性来创建阴影效果来给二维平面增加深度效果，这个属性在前端开发中使用的非常多，例如segmentfault的首页就是使用了box-shadow属性来增加深度效果，今天我们就一起来看看这个属性。

position，指明径向渐变的椭圆或者圆心的位置，支持的值有：left、right、top、bottom，也可以指定px或者百分比，默认是图形的正中心。相应的对应关系如下：

入行前端一年多的时间，想提高自己的css技术水平，于是在网上看了些关于css的书籍，想买几本比较好的css书籍啃啃，找来找去，终于找到了《CSS揭秘》这本书。入手这本书后，从开始看到后面，发现书中的很多效果都可以使用渐变来实现，于是，我对渐变产生了兴趣，决定好好掌握css3中的这个属性。结合《CSS揭秘》、张鑫旭大...

在CSS系列——一步一步带你认识transition过渡效果这篇文章中，我给大家详细讲解了transition过渡的用法，能够实现比较友好的过渡效果，但是功能比较有限，如果要想实现比较漂亮的动画效果，就需要我们今天要请出主角animation登场了。首先，我们来看看animation的属性：

  transition从网页效果上来看是一种平滑过渡的动画，本质上是在一定的时间内将属性的状态从初始值过渡到结束值。如果不添加transition过渡，在网页中点击鼠标、获得焦点等操作将导致css的值在瞬间完成，看起来比较生硬，而添加了过渡效果，可以实现平滑的过渡，增加用户体验。

如果大家想深入学习Javascript编程语言，Javascript中的原型及原型链是必须掌握的。当初我在学习原型及原型链的时候，就遇到过不少阻碍，希望通过我的这篇文章，能够让你真正的掌握JavaScript中的原型及原型链。好啦，开始我们的原型及原型链的旅途吧~在介绍Javascript原型之前，我们先来了解一段历史。