标签：
最近帮忙学弟学习前端知识，留了几期作业，暴露出很多问题。把他的总结分享出来，大家一起看下：
总结：
一：百度首页面的总结：
盒子居中用margin：0 auto；
选择器的名称要语义清楚，（增强代码可读性）
除了制作表格，页面布局尽量要用div
关于颜色的定义要用十六进制表示,少用red，black这种
输入框的光标不要紧贴边框，应该隔一段距离（美观）
简单的层中图片用tagname定义样式，不需要class
编写代码出现的问题：命名随意，代码冗余，全局样式的问题...
不细心不认真态度不端正...
二： 腾讯校招:
属性不能乱用，不能为了效果而堆砌，应该在充分理解的前提下使用，基础的东西要记清楚（inline display: inline; 在行内显示，与之对应的是display: block; float浮动 浮动元素会生成一个块级框。 ）
学会用background-position
字体和大小也要按规定的来使用
定位：绝对（相对于其包含块的定位） 相对（相对于它原本所在的位置的定位） 固定（相对于显示器屏幕的定位） 静态（默认值）
每个图片都必须有alt，分清alt和title的区别：alt：是那些不能看到图片的浏览者提供文字说明。title：鼠标悬浮于图片上时出现的额外的关于图片的解释。
关于伪类的问题（前面定义的伪类会影响后面相同属性的定义）
看书学会如何组织代码，先写结构再组织样式
要有预见问题的能力，大屏显示器和小屏如何显示等。
发现问题的本质（基础知识不牢固）。------------解决问题只根据表象去改，没发现自己写了全局样式
认真对待发现的问题(态度)。
三： app下载:
类选择器命名要语义明确（不长记性）
类似于按钮的选择器命名可以加上button（.iphone-btn）----------------命名的语义化
一个页面最好只有一个header和footer ------------------------
页面唯一的大区快最好用id
控制区块之间的间距不能用<br/>--------------------用margin 和padding 控制间距
文件要有结构，
学会用chorme的开发者工具
图片的大小也会影响浏览器的下载速度 ------------------所以少用图片或者使图片尽量小
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等)要注意细节。
学会独立发现并解决问题，
多翻书，多练习，熟记各种基础的属性特点，不会的知识及时上网查找并熟记。写代码时不能乱用属性，要做到写的准确简洁，具有可读性。关于文件的命名尽量不要出现中文。
标签：
原文地址：http://www.cnblogs.com/happycloud/p/4911837.html
