logo头像

总有人间一两风,填我十万八千梦

CSS

好文章推荐系列——CSS

好文章推荐系列——CSS

深入浅出 CSS 动画本文将比较全面细致的梳理一下 CSS 动画的方方面面,针对每个属性用法的讲解及进阶用法的示意,希望能成为一个比较好的从入门到进阶的教程。 Towards an animation smoothness metri...

为什么随机字符串“chucknorris”会被识别为红色?

为什么随机字符串“chucknorris”会被识别为红色?

这个问题来源于 stackoverflow,就是有位学者无意中发现随机字符串会被 html 识别为特定的一些颜色,于是就在 stackoverflow 发起了讨论,这个问题也引起了我的兴趣,虽然是一个比较偏的知识点,但是了解一下还是没...

关于CSS Reset那些事

关于CSS Reset那些事

CSS Resetcss reset,顾名思义,就是重置样式。那么为什么我们需要重置样式呢,这一切还要“归功于”前端领域的特点,就是跨平台、跨客户端;众所周知,现在所使用的主流浏览器对于一些标签的默认属性并没有做到统一,所以我们有时候...

读书笔记-CSS Secrets

读书笔记-CSS Secrets

这本书被誉为近十年来最出色的一本 CSS 相关书籍,作者是被誉为 “CSS一姐” 的 Lea Verou,是 W3C CSS 工作组特邀专家,而我看的是这本书的译本(翻译为 CSS 揭秘),作者叫张鹏,是百姓网的前端架构师;译者翻译的...

CSS布局问题总结

CSS布局问题总结

本文主要对 CSS 中常见的布局问题进行了总结,同时提供了解决方案和一些参考链接,涉及到三栏式布局(圣杯、双飞翼),居中布局等等;感兴趣的童鞋可以点击来源链接查看原文,因为本文是基于原文进行整理的,所以内容会比原文精简。 基础知识 学...

纯CSS实现自适应正方形

纯CSS实现自适应正方形

首先,自适应正方形是指宽度和高度随着屏幕宽度(不管是移动端还是 PC 端)进行等比例变化的正方形,在处理移动端页面时,我们有时会需要将 banner 图做成与屏幕等宽的正方形以获得最佳的体验效果,如 Flipbord的移动页面,而在 ...

CSS深入理解之border

CSS深入理解之border

1. 不支持百分比单位的属性 border-width outline box-shadow text-shadow 2. border-width 支持关键字 thin –> 1px medium(默认值)–> 3px...