? ? ? ? 总的来说，不止前端，哪怕以前所刚接触的C语言，Java基础，都是一段不堪回首的往事。HTML、CSS，记得刚刚接触时，右键检查翻阅源码的快感，那时有多快乐，这次考核自己做页面的时候就有多么痛苦。当然，老话常说，有问题才是好事，这样才能不断改善，的确如此。

一 、CSS属性书写顺序问题

? ? ? ??一直也没在意过CSS属性的问题，就是想到哪写到哪，用到啥写啥,大概效果就是这样的。

.example { color: red; z-index: 1; background-color: pink; font-size: 15px; display: inline-block; }

后来知道这书写顺序也有讲究，就在网上找了找资料，改出来的效果应该是这样。

.example { z-index: 1; display: inline-block; font-size: 15px; color: red; background-color: pink; }

（1）定位属性：position ?display ?float ?left ?top ?right ?bottom ? overflow ?clear ? z-index

（2）自身属性：width ?height ?padding ?border ?margin ? background

（3）文字样式：font-family ? font-size ? font-style ? font-weight ? font-varient ? color ??

（4）文本属性：text-align ? vertical-align ? text-wrap ? text-transform ? text-indent ? ?text-decoration ? letter-spacing ? ?word-spacing ? ?white-space ? text-overflow

（5）css3中新增属性：content ? box-shadow ? border-radius ?transform

正确的书写顺序不仅有利于代码的查看，也对网页的优化，渲染有利。其次，判断一个程序员是否专业，还得从你源码里扒拉。

二、Class命名问题

? ? ? ? 我觉得不可能只有我不会起名字吧

?但有一说一，我这还是有点层次感的，就是显现的有点随意，所以我上网查了命名的知识，我才发现这玩意也有讲究。

1）所有的命名最好都小写 2）表现与结构完全分离，代码中不涉及任何的表现元素，如style、font、bgColor、border等 3）<h1>到<h5>的定义，应遵循从大到小的原则，体现文档的结构，并有利于搜索引擎的查询。 4）给每一个表格和表单加上一个唯一的、结构标记id 5）给图片加上alt标签 6）尽量使用英文命名原则 7）尽量不缩写，除非一看就明白的单词

外套 wrap ------------------用于最外层 头部 header ----------------用于头部 主要内容 main ------------用于主体内容（中部） 左侧 main-left -------------左侧布局 右侧 main-right -----------右侧布局 导航条 nav -----------------网页菜单导航条 内容 content ---------------用于网页中部主体 底部 footer -----------------用于底部

还别说，单词不认识就有点尴尬了。

---

1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，会注明原创字样,如未注明都非原创，如有侵权请联系删除！；3.作者投稿可能会经我们编辑修改或补充；4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。