本次视频讲解的是推推项目的搜索页，主要模块包括搜索栏，搜索历史，热门搜索、书目列表和书籍反馈，其中讲解了一些我们在写页面时经常会忽略掉的细节和代码规范等。

1.页面元素完整，样式还原度高

2.页面结构一目了然，备注简单清晰

3.class命名没有随意使用拼音或者看不懂的字符

1.热门搜索部分定高之后导致元素超出的样式错误，这个部分不应该定高

2.CSS书写顺序不规范

3.使用img标签时没有加上alt属性

4.书籍反馈弹窗没有实现

在用到img标签的时候需要把alt属性加上，当图片仅做装饰使用时alt的值可以为空。我们在写页面的时候要注意遵守CSS书写规范，书写顺序是有一套规范的，正确的样式顺序不仅易于查看易于浏览器渲染，并且也属于css样式优化的一种方式 以下为CSS书写顺序规范：

1.位置属性(position, top, right, z-index, display, float等)

2.大小(width, height, padding, margin)

3.文字系列(font, line-height, letter-spacing, color- text-align等)

4.背景(background, border等)

5.其他(animation, transition等)