摘要：包含大量代码的网页（比如文档或教程）在样式上面对着无法回避的挑战。我们通常使用 <pre> 和 <code> 元素来显示代码，它们具有浏览器所赋予的默认样式。这些默认样式往往是： 这远不足以解决代码展示所独有的种种挑战。这其中最大的一个问题在于，即使 tab 非常适合用来缩进代码 ① ，但人们在网页 阅读全文

摘要：背景知识 CSS 渐变， background-size ，“条纹背景”，“灵活的背景定位 难题 几年前，在刚刚获得 :nth-child() / :nth-of-type() 伪类之后，我们最常用其来解决的一个需求就是表格的“斑马条纹”（见下图）。这在以前需要服务器端预先处理、客户端的脚本处理或者 阅读全文

摘要：灵活的背景定位 实现效果： 将背景图定位到距离容器底边 10px 且距离右边 20px 的位置。 background-position 方案 代码： 实现要点： background-position 允许我们指定背景图片距离任意角的偏移量，只要我们在偏移量前面指定关键字。本例就是设置背景图片离右 阅读全文

摘要：PX px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。 PX特点 1. IE无法调整那些使用px作为单位的字体大小； 2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位； 3. Firefox能够调整px和em，rem，但是96%以上的中国网民使用 阅读全文