摘要：
从倒影说起，谈谈 CSS 继承 inherit 给定一张有如下背景图的 div： 制作如下的倒影效果： 方法很多，但是我们当然要寻找最快最便捷的方法，至少得是无论图片怎么变化，div 大小怎么变化，我们都不用去改我们的代码。 法一：-webkit-box-reflect 这是一个十分新的 CSS 属 阅读全文
摘要：
消失的边界线问题 看看下图，经常会在一些导航栏中见到，要求每行中最后一列的右边框消失，如何在所有浏览器中最便捷优雅的实现？ 如果是不需要兼容 IE8- ，那么使用 CSS3 新增的选择器无疑是一种好方法。 1 2 3 4 // 使用伪类选择器，选择第 3n 个元素去掉边框 li:nth-child( 阅读全文
摘要：
层叠顺序（stacking level）与堆栈上下文（stacking context）知多少？ z-index 看上去其实很简单，根据 z-index 的高低决定层叠的优先级，实则深入进去，会发现内有乾坤。 看看下面这题，定义两个 div A 和 B，被包括在同一个父 div 标签下。HTML结构 阅读全文
摘要：
类似下面这个图形，只使用一个标签，可以有多少种实现方式： 假设我们的单标签为 div: 1 <div></div> 1 <div></div> 1 <div></div> <div></div> 定义如下通用 CSS: 1 2 3 4 5 div{ position:relative; width: 阅读全文
摘要：
看到一篇有趣的博文 不得不扒下来。 题目1、下面这个图形，只使用一个标签，可以有多少种实现方式： 假设我们的单标签是一个 div: 1 <div></div> 1 <div></div> 1 <div></div> <div></div> 定义如下通用CSS： 1 2 3 4 5 6 div{ po 阅读全文
摘要：
最近看了试卷题目发现自己会的十分的匮乏， 第一题就把自己难住了，知道有这个东西，但是实际上没有操作过。 cookie是浏览器提供的一种机制，它将document 对象的cookie属性提供给JavaScript。可以由JavaScript对其进行控制，而并不是JavaScript本身的性质。cook 阅读全文