前端新手需要注意的几个问题

最近帮忙学弟学习前端知识，留了几期作业，暴露出很多问题。把他的总结分享出来，大家一起看下：

总结：

一：百度首页面的总结：

       盒子居中用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等)

       要注意细节。

学会独立发现并解决问题，

多翻书，多练习，熟记各种基础的属性特点，不会的知识及时上网查找并熟记。写代码时不能乱用属性，要做到写的准确简洁，具有可读性。关于文件的命名尽量不要出现中文。