随着Web技术不断的革新，CSS近几年也变得多年前要更强大。在Web开发中，CSS是不可或缺的一部分，对于很多Web开发者来说，有很多CSS属性不知道，或者说他们知道，但忘记在最恰当的时候使用最适合的CSS属性。而且时至今日，其中有一些CSS的属性可以让开发者能节约更多的时间。…

HTTP 状态码（英语：HTTP Status Code）是用以表示 HTTP 响应状态的 3 位数字代码。比如： 熟记这些状态码可以让我们在快速定位 Web 开发中遇到的问题、编写符合规范的接口服务，那么下面就让我们看看这些死板的 3 位数字都是什么意思。撸猫爱好者，请注意：…

最近在做一个音乐webapp的时候，遇到这样一个需求：提取歌曲图片的主题色，然后应用到全局。 一开始的思路是把图片绘入到canvas中利用getImageData()获取图片的像素数据，分析这些数据得出最接近图片的颜色。接着问题来了，如果在canvas绘入跨域资源，canvas…

CSS是一种独特的语言。乍一看，这似乎很简单,但是，某些在理论上看起来很简单的效果在实践中往往不那么明显。 在本文中，我将分享一些有用的技巧和技巧，它们代表了我在学习CSS过程中的关键进展。本文并不是要演示CSS可以变得多么复杂。相反，它分享了一些在大多数CSS教程中不太可能找…

方法: 块级元素使用margin: 0 auto。 若子元素包含float,为了让子元素水平居中,可让父元素宽度设置为fit-content,并且配合margin。 若元素是单行文本, 则可设置 line-height 等于父元素高度。 已经父元素高度: 若元素是行内块级元素如…

这周公司安排了一个需求，设计一个响应式布局。由于之前一直在做后台管理系统居多，对这响应式布局几乎是个小白。于是 Google 而之，意外的发现了 iframe 的响应式布局，特来分享。翻译水平有限，还请批评指正。 响应式 iframe 是很简单的。使用如下所示的响应式 ifra…

我们喜欢（使用）<div>标签。它们已经存在了几十年，这几十年来，当需要将一些内容包裹起来达到（添加）样式或者布局目的的时候，它们成为首选元素。查看线上站点时，看到像下面这些内容的情况依旧很常见： Hoo，那有很多的div标签。但是，它有效。我的意思主要是，它具有你需要的结构。…