前段时间在项目开发中遇到这样一个需求——文本输入框的高度要随着框内文本所占高度而变化。 下面讲一下实现方案的探索过程。 首先想到的方法，是使用 HTML 5 中新增的contenteditable属性。它可以把元素变成可编辑状态，同时让其保留原有的特性（如元素高度根据元素内容所…

在 Retina 屏下，设置 1px 边框，实际显示 2px，如何解决？总结了几种可行的方式，并一一列出了每种方式的优缺点。

这是 github 上关于 css 技巧的一篇译文，另外你也可以在本项目看到原文。列举了一些很实用的 css 技巧，比如给空内容的 a 标签添加内容，逗号分隔列表等等。 鉴于很多人吐槽翻译，在pr为通过前，先改成我自己的翻译...

在我们的日常开发工作中，文本溢出截断省略是很常见的一种需考虑的业务场景细节。看上去 “稀松平常” ，但在实现上却有不同的区分，是单行截断还是多行截断？多行的截断判断是基于行数还是基于高度？这些问题之下，都有哪些实现方案？他们之间的差异性和场景适应性又是如何？凡事就怕较真，较真必…

重排是指元素的位置或尺寸发生了变化，浏览器需要重新计算渲染树，而新的渲染树建立后，浏览器会重新绘制受影响的元素。 去参加面试总会被问到一个问题，那就是“向浏览器输入一行url会发生什么？”，这个问题的答案除了要回答网络方面的知识还牵扯到浏览器渲染页面问题。当我们的浏览器接收到从…

很多时候，设计趋势并不会表现的那么明显，甚至你看到它们也不一定会注意到。但是它们也是客观存在的。通过整个一月份的观察和总结，我们认为接下来的一个月当中，圆形元素、分屏式布局和深色背景+浅色文本会成为流行的网页设计元素。 这些元素看起来都挺常用的，不过当大家开始扎堆用的时候，就以…

除了显式的指定列大小之外，CSS Grid 还有个非常强大的功能 —— 模式填充（repeat-to-fill）列然后对内容进行自动布局。也就是说，开发者只需要指定列数，自适应方面的事情（视口尺寸小则显示列数少，反之则多）交给浏览器来处理就行了，也不需要用媒体查询。 上述功能完…

主要讲 HTML 和 CSS 的开发接口，以及学习 HTML 和 CSS 的相关资源

写本文的起因是，一天在群里有同学说误打误撞下，使用负的 outline-offset 实现了加号。嗯？好奇的我马上也动手尝试了下，到底是如何使用负的 outline-offset 实现加号呢？ 修改 outline-offset 到一个合适的负值 ，那么在恰当的时候，outli…