用一个很简单的例子，一看就能很好地记住了：

HTML:
<ul class=”demo”>
<li>zero</li>
<li>one&lt[……]

全文>

使用 border 绘制三角形

使用 border 实现三角形应该是大部分人都掌握的，也是各种面经中经常出现的，利用了高宽为零的容器及透明的 border 实现。

简单的代码如下：

div[......]
全文>

word-wrap和word-break这2个css属性看起来好像差不多，之前用的时候也没有特别注意，感觉作用差不多，都是断句换行用的。今天查一下，还是有一点细小的却别的。

当一长串字符超出容器[……]

全文>

谈到 <fieldset> 与 <legend>，大部分人肯定会比较陌生，在 HTML 标签中，属于比较少用的那一批。

我最早知道这两个标签，是在早年学习 reset.c[……]

全文>

类似下面这个图形，只使用一个标签，可以有多少种实现方式：

假设我们的单标签为 div:

<div></div>
定义如下通用 CSS:

div{[……]

全文>

z-index 看上去其实很简单，根据 z-index 的高低决定层叠的优先级，实则深入进去，会发现内有乾坤。

看看下面这题，定义两个 div A 和 B，被包括在同一个父 div 标签下。HT[……]

全文>

不用 Javascript，使用纯 CSS 方案，实现类似下图的导航栏切换：

CSS 的强大之处有的时候超乎我们的想象，Tab 切换，常规而言确实需要用到一定的脚本才能实现。下面看看如何使用 C[……]

全文>