1、图片
雪碧图,在文件名后加_spite后缀
背景图,在文件名前加bg_后缀
图标,在文件名前加icon_后缀
2、标签名、类名、属性名等需小写,属性值用双引号,
3、文档头
<!DOCTYPE html>
<html>
<meta charset="utf-8"/> /*指定字符编码,使浏览器更好更快地渲染*/
······
</html>
4、选择符+ < 前后加空格
5、样式的编写顺序
定位----盒模型----排版----视觉----杂项
例:.test{
position:absolute;/*定位*/
top:10px;
left:10px;
width:100px;/*盒模型*/
height:100px;
display:block;
text-align:center;/*排版*/
color:red;
background-color:#fff;/*视觉*/
border:1px solid #fff;
opacity:0.3;/*杂项*/
}
6、color:#ffffff; 应该改为 color:#fff;
backgound:rgb(#12,#12,#12,0.3);应该改为 backgound:rgb(#12,#12,#12,.3);