一、基本功：各浏览器的兼容性，熟知一些浏览器的bug并能快速的解决，熟练使用html语言以及css，能手写当然最好，不能手写也没关系，用工具也行，但一定要知道它们各有什么用处，这样当我们想用的时候能快速的知道用什么比较合适；
二、判断力：拿到图纸后能迅速判断出该页面哪块用那些标签，css该怎么写，图片该怎么切，哪些地方可以共用，这些比较适合一些比较大的单页面，一些大网站的首页，如果是整站的话里面要考虑的东西就更多了，向该分几个文件夹、几张样式表了，样式该怎么划分了，是公用的放一块还是按模块划分了等等，这些都是切图的前期要考虑到的，考虑到了全局，以后做的时候就不会顾此失彼；
三、效率：我认为的效率是又快又好地完成所交给的任务，而这个好就是用最少的标签、最少的样式完成所要的效果，所以就要熟悉各种标签的用处，能不适用的标签尽量不用，这里还涉及到seo方面和网站的负载方面的东西，有时间也可以研究研究；
四、习惯：一个好的builder应该有一个良好的习惯，这条放在任何工作岗位都很重要，这里主要谈哪些习惯才叫好习惯；首先，代码注释，无论是结构页还是样式表，一个方便程序员套后台程序，让他能进行很快的定位，二个也方便自己以后修改；其次，应该总结出一套自己的命名规则；三，有一张自己的通用样式表，里面放工作中常用的一些样式，像清除html原有的属性了，分页样式了等等，当自己想用的时候直接复制随便改改就能用了；
五、全局把握：这点是考验一个人能力的关键，考虑全局不仅要考虑现在该怎么做，还要考虑到以后的怎么改最省事，所以在做的时候尽量考虑这个页面或者网站的重用性，扩展性，和可维护性，这是一劳永逸的，方便他人，最重要的是方便自己；
六、学习：学无止境，光会div+css是不行的，还要学习其他的技术，比如js，提高自己的价值，多看看别人的代码，对比一下自己的代码，综合起来选一套最好的；
以上的六点希望对你能有所帮助。
精通HTML5+CSS3需要学什么？主要学习vscode编辑器基本使用、HTML5新增标签、CSS3新增选择器及案例、2D转换及相关案例实现、3D转换和旋转木马案例等知识点。
一、vscode编辑器基本使用vscode 基本使用vscode插件安装
二、 HTML5新增标签什么是HTML5HTML5新增标签多媒体音频标签多媒体视频标签HTML5新增input标签HTML5新增表单属性
三、CSS3新增选择器及案例CSS3属性选择器（上）CSS3结构伪类选择器（上）nth-child(n)nth-child和nth-of-type的区别CSS3伪元素选择器伪元素选择器案例
四、2D转换及相关案例实现2D转换之translate让一个盒子水平垂直居中2D转换之rotateCSS3 三角设置转换中心点旋转中心点案例2D转换之scale图片放大案例分页按钮案例2D转换综合写法以及顺序问题CSS3动画基本使用动画序列CSS3动画常见属性CSS3动画简写大数据热点图案例速度曲线之steps步长16-奔跑的熊大案例
五、3D转换和旋转木马案例认识3D转换3D转换translate3d透视perspectivetranslateZ3D旋转rotateX3D旋转rotateY3D旋转rotateZ3D呈现transform-style两面翻转盒子案例3D导航栏综合案例-旋转木马案例浏览器私有前缀以及总结
如果真要精通css,请千万不要使用dreamweaver,常用的属性都要自己记住，并且能够手写。看看那些招聘前端开发的公司，第一个要求就是能够手写css代码。建议：把常见的属性熟悉一篇，然后自己试着做一个简单的页面，最好是模仿一些简洁的网站，做出来和它写的代码比较一下，看看自己的不足。想象别人的代码为什么比自己的好。多模仿几个，常见的属性几本上能够记住，然后模仿其他网站可以看到别人使用的一些css技巧。这样会很有成就感的哦！
学习哪有那么多捷径？just
do
it
ok?
不会英语，不知道查啊？这个大部分都要你记，记忆是一切聪明才智的基础啊！
常见的真的不多50个以内！
