1.4 尽量抽取相似部分
CSS Code复制内容到剪贴板
.class1{position: absolute; left: 20px; top: 30px;}
.class2{position: absolute; left: 20px; top: 30px;}
.class3{position: absolute; left: 20px; top: 30px;}
.class4{position: absolute; left: 20px; top: 30px;}
.class5{position: absolute; left: 20px; top: 30px;}
.class6{position: absolute; left: 20px; top: 30px;}
——————–>>>>>>>
.class1 .class2 .class3 .class4 .class5 .class6{
Position: absolute; left: 20px; top: 20px;
}
2. 关键要点
2.1 只使用小写
CSS Code复制内容到剪贴板
<!– Not recommended –>
<A HREF="/">Home</A>
<!– Recommended –>
<img src="google.png" alt="Google">
2.2 不要有多余的空格（划线处）
CSS Code复制内容到剪贴板
<!– Not recommended –>
<p>What?_
<!– Recommended –>
<p>Yes please.
2.3 使用utf8编码
html中：
XML/HTML Code复制内容到剪贴板
<meta charset="utf-8">
css中：
CSS Code复制内容到剪贴板
@charset "utf-8";
2.4 使用html5文档类型
XML/HTML Code复制内容到剪贴板
<!DOCTYPE html>
2.5 验证HTML与CSS文档
验证HTML
验证CSS
2.6 使文档语义化
2.7 多媒体（多终端）兼容
CSS Code复制内容到剪贴板
<!– Not recommended –>
<img src="spreadsheet.png">
<!– Recommended –>
<img src="spreadsheet.png" alt="Spreadsheet screenshot.">
2.8 不要使用实体引用
CSS Code复制内容到剪贴板
<!– Not recommended –>
The currency symbol for the Euro is “&eur;”.
<!– Recommended –>
