logo头像

叩首问路,码梦为生

CSS

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

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

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

关于CSS Reset那些事

关于CSS Reset那些事

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

读书笔记系列(8)——CSS Secrets

读书笔记系列(8)——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...

CSS深入理解系列

CSS深入理解系列

此系列的文章是我对张鑫旭的讲解的总结,张鑫旭作为很早入行前端的代表人物,其对 html 以及 css 的理解很深刻,所以他的系列文章“深入理解 CSS”是一个不错的前端基础教材,虽然我将其讲解进行了总结,但是还是希望你有时间能够看一下...