理解并运用 CSS 的负 margin 值

2016-10-16
阅读 5 分钟
9.9k
你的网页中,不可能没有使用过 margin。大多数情况下,我们采用的都是正数的 margin 值,可能有时候会用到负的 margin 值。在我们的印象中,负的 margin 值就类似于浏览器的 hack 一样,不被人接受。但是,本文要说明的就是,负的 margin 值并不是 hack,这是正常范围内的写法。

如何实现 font-size 的响应式

2016-09-05
阅读 5 分钟
9.4k
那么多的文章讲了响应式的网站如何布局,使用 CSS 如何实现,如何 Blah Blah 的。但是,我们都忘了很重要的一点——对字体大小的响应式控制。

使用高斯模糊的效果逐步加载图片(仿 Medium)

2016-08-28
阅读 4 分钟
12.5k
这是一种很优雅的图片预加载的方式(因为 Medium 的图片质量都很高,如果全部一下加载的话,需要的时间难以想象,所以,这是一种很棒的做法)。从第一次打开 Medium 这个网站开始,我就被这种技术给吸引住了——好吧,直到今天才去研究它。

在 CSS 中使用功能查询

2016-08-27
阅读 5 分钟
5.3k
通过 @support,你可以在 CSS 中使用一小段的测试来查看浏览器是否支持一个特定的 CSS 功能(这个功能可以是 CSS 的某种属性或者某个属性的某个值),然后,根据测试的结果来决定是否要应用某段样式。比如:

Making An Indicator With Pure CSS

2016-08-23
阅读 6 分钟
2.6k
简单的说明一下,使用这个标题并不就是说要使用全英文来写这篇文章,主要是实在想不到更好的叫法了,也不知道怎么样能够更好的翻译成中文。 可以简单地理解为:使用 CSS 来实现一个阅读文章时的简单的进度条效果。 本文所需要用到的背景知识点包括:background-size, linear-gradient, calc() 函数, vh 单位。

前端面试知识点集锦

2016-04-24
阅读 16 分钟
5k
个人总结的比较全面的前端面试知识点。主要是一些个人认为面试时容易考到以及平时需要注意的一些知识点。 本人只是对这些知识进行了一个大概的总结,还有一部分技术还没开始涉及,后期会持续添加。如果需要进行深入了解可以根据知识点查询相关的技术文章。 本文涵盖了以下各个方面的知识: HTML, CSS, JS基础知识 网站性...

你应该知道的关于CSS的一些奇淫巧技

2016-04-06
阅读 4 分钟
3k
本文分享关于CSS应用中的一些小技巧, 如果有不对的地方,欢迎指出建议和意见。 Github项目地址:Great-CSS-Tips-You-Should-Know,欢迎fork和star,如果有更多的tips,也欢迎提交PR。 使用CSS来垂直居中一切元素 其实很简单, 使用下面的代码就让你的所有元素都垂直居中 {代码...} 如果你的需求不只是垂直居中的话--比如...

CSS居中完整版

2016-04-02
阅读 3 分钟
4k
大家总是会抱怨如何在CSS中居中一个元素。为什么会这么难呢?呵呵(使用这个来词翻译再好不过了)。我认为问题不在有多难,而是居中在不同的场景中有那么多种方式,很难抉择到底该使用哪一种。