个人网站重构

1 占位图片生成

<img src="http://placehold.it/350x150">

不用引入任何外部文件，会自动形成对应数字大小的图片。

2 关于伪元素和伪类





css3 为了区分两者，已经明确规定了伪类用一个冒号来表示，而伪元素则用两个冒号来表示。

p::first-letter{font-size:24px;}
a:hover{color:red;}

其实再写的时候发现如果是

<b></b>

是无法使用

b::first-letter

的。 查阅后发现，first-letter和first-line伪元素只能用于块级元素.

最后这么写

p:first-type-of::first-letter{font-size:24px;}

3 创建自己的基本css样式文档

本人基本使用的是less.