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

最近帮忙学弟学习前端知识,留了几期做业,暴露出不少问题。把他的总结分享出来,你们一块儿看下:css

总结:前端

一:百度首页面的总结:浏览器

       盒子居中用margin:0 auto;app

       选择器的名称要语义清楚,(加强代码可读性)iphone

       除了制做表格,页面布局尽可能要用div工具

       关于颜色的定义要用十六进制表示,少用red,black这种布局

       输入框的光标没关系贴边框,应该隔一段距离(美观)学习

       简单的层中图片用tagname定义样式,不须要class字体

       编写代码出现的问题:命名随意,代码冗余,全局样式的问题...spa

       不细心不认真态度不端正...

二:   腾讯校招:

       属性不能乱用,不能为了效果而堆砌,应该在充分理解的前提下使用,基础的东西要记清楚(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等)

       要注意细节。

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

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