从画一个圆开始——CSS圆角探秘(二)
在上一篇《从画一个圆开始——CSS圆角探秘(一)》中,我们重新了解border-radius的一些属性。我们画好了正圆,了解了圆角,难道border-radius的功能仅限于此吗? 我想并不是,就如同在上一篇文章中border-radius完美结合box-shodow形成多重圆角边框一样。...
一切伟大的思想和行动都有一个微不足道的开始
在上一篇《从画一个圆开始——CSS圆角探秘(一)》中,我们重新了解border-radius的一些属性。我们画好了正圆,了解了圆角,难道border-radius的功能仅限于此吗? 我想并不是,就如同在上一篇文章中border-radius完美结合box-shodow形成多重圆角边框一样。...
这篇文章能够成型因为两个原因。一是团队内部的分享会,二是CSS魔法在2015年CSS Conf上的一次分享。也因为魔法哥的这次分享,深深的勾起了我对CSS深入了解的欲望。也促成了这篇文章的成型。 这篇文章大多可以在《CSS 揭秘》中找到相关案例,...
专门针对IE的条件性注释(Conditional comments)是个很奇葩的东西,它是专门给IE浏览器准备的,因为其它浏览器根本不能识别这种标记。 之所以需要这种东西,是因为IE实现的网页渲染效果和其它浏览器又很多出入,使用条件性注释可以区别对待的针对浏览器编写CSS等代码。 但当IE的版本到到达10/11后,...
如今浏览器能够实现的特性越来越多,并且网络逐渐向移动设备转移,使我们的前端代码更加紧凑,如何优化,就变得越来越重要了。 开发人员普遍会将他们的代码习惯优先于用户体验。但是很多很小的改变可以让用户体验有个飞跃提升,所以任何一点儿小小的优化都会提升你网站的性能。 前端给力的地方是可以有许多种简单的策略和代码习惯让我们可以保证最理想的前端性能。我们这个系列的主题就是要告诉你一些前端性能优化的最佳实践,只需要一分钟,...
说到CSS权重优先级,我想大部分人首先想到的是!important, 但具体是怎么去计算这个权重,大部分人是不太了解的。 1.位置造成的权重 在学CSS时,老师或者是书本都会告诉我们CSS样式应用时都是按照“就近原则”的。...