今天，有一个朋友跟我诉苦，说他写好了样式，但是页面上却出不来样式效果。代码如下：
HTML中部分展示
CSS样式中代码部分展示
看了以上代码，相信映入眼底，最明显的该是id的命名问题。初学前端，我们可能更多的去练习标签的用法，以及属性的运用，往往会忽略掉"命名"这个基础但是很重要的部分。
处理办法，该是了解清楚HTML中的命名规范：
样式命名规范
id选择器常用命名规范
类选择器常用命名规范
全局样式设置
1.全局样式置顶，并用注释标注为/*全局样式*/
2.用一内容定义的样式写在一起，并用注释标注
3.一个样式里面，多个属性的定义建议写在一行，属性定义之间用"；"隔开
4.样式中类或者id选择器的命名建议使用样式命名规范来书写
5.自定义选择器名称建议都用小写、尽量使用英文单词，少用拼音，名称中建议少用"-"或者"_",尽量少用英文缩写。
/* 全局样式部分 */
*{ padding:0; margin:0; font-size:12px; font-family:"宋体"; }
ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p { padding:0; margin:0;}
ul{list-style:none;}
img{border:0px;}
a{ text-decoration:none;}
.clearfloat{clear:both; height:0px; font-size:1px; line-height:0px;}
html文档书写规范
1.html标签代码书写应遵循xhtml规范：
a.Html标签要全部小写
b.标签嵌套要对应
c.成对标签必须关闭，单个标签也需要关闭，如"<..../>"
d.标签属性需要用引号，且不能简写，如:
规范写法：<input type="checkbox" checked="checked" />
不规范写法：<input type="checkbox" checked />
2.同一模块的html代码用注释包含,如：
<!---logo广告条开始--->
<div id="logobar">
.....
</div>
<!---logo广告条结束--->
3.Html通过首行缩进来体现代码结构，如：
<div id="main_nav">
<ul>
<li><a href="#">首 页</a></li>
<li><a href="#">企业招聘</a></li>
</ul>
</div>
4.Img标签需加上"alt"属性
