一、基本功:各浏览器的兼容性,熟知一些浏览器的bug并能快速的解决,熟练使用html语言以及css,能手写当然最好,不能手写也没关系,用工具也行,但一定要知道它们各有什么用处,这样当我们想用的时候能快速的知道用什么比较合适;
二、判断力:拿到图纸后能迅速判断出该页面哪块用那些标签,css该怎么写,图片该怎么切,哪些地方可以共用,这些比较适合一些比较大的单页面,一些大网站的首页,如果是整站的话里面要考虑的东西就更多了,向该分几个文件夹、几张样式表了,样式该怎么划分了,是公用的放一块还是按模块划分了等等,这些都是切图的前期要考虑到的,考虑到了全局,以后做的时候就不会顾此失彼;
三、效率:我认为的效率是又快又好地完成所交给的任务,而这个好就是用最少的标签、最少的样式完成所要的效果,所以就要熟悉各种标签的用处,能不适用的标签尽量不用,这里还涉及到seo方面和网站的负载方面的东西,有时间也可以研究研究;
四、习惯:一个好的builder应该有一个良好的习惯,这条放在任何工作岗位都很重要,这里主要谈哪些习惯才叫好习惯;首先,代码注释,无论是结构页还是样式表,一个方便程序员套后台程序,让他能进行很快的定位,二个也方便自己以后修改;其次,应该总结出一套自己的命名规则;三,有一张自己的通用样式表,里面放工作中常用的一些样式,像清除html原有的属性了,分页样式了等等,当自己想用的时候直接复制随便改改就能用了;
五、全局把握:这点是考验一个人能力的关键,考虑全局不仅要考虑现在该怎么做,还要考虑到以后的怎么改最省事,所以在做的时候尽量考虑这个页面或者网站的重用性,扩展性,和可维护性,这是一劳永逸的,方便他人,最重要的是方便自己;
六、学习:学无止境,光会div+css是不行的,还要学习其他的技术,比如js,提高自己的价值,多看看别人的代码,对比一下自己的代码,综合起来选一套最好的;
以上的六点希望对你能有所帮助。
要说现在达到什么水平才行,我总结几条吧,也不知道算不算落伍。1,盒模型概念一定清楚,知道自己想要的布局到底该写多宽多高。
2,渲染模式要分清楚,怪异和标准,怎么转换,说白了也是盒模型表现的事。
3,不同浏览器的css hack怎么写,选择器的优先级弄明白怎么调整。
4,所有的html标签都知道语义,所有的tag attribute都知道什么含义,记住是所有,并且知道默认样式是什么,了解如何reset。
5,知道css3动画的所有细节,并且知道在不同浏览器下的差异,知道css media query和flex的细节和一些比例单位如em,rem,vm等用法,并且知道怎么用于实际的自适应布局。
6,知道如何做css性能优化和oocss,以及如何写出模块化的css。
7,知道不同浏览器的差异属性并且知道如何绕过不使用这些属性。
8,各种垂直居中的写法,相对,绝对,fixed还有float的各种用法。
9,对齐,各种垂直对齐,文本,图片,行内元素和块级元素等。
10,给你一份psd设计稿,写完css和html,去掉css,能保证页面不乱,依然按照语义可以默认样式正常显示文档。
11,对seo有了解,知道怎么让显示和文案同时存在页面,了解css icon fonts,svg,雪碧图等原理和用法。
12,写过简单的js,知道如何给js工程师预留结构和节点钩子,不随意使用id属性来做样式渲染。
css指的是层叠样式表。
css是一种用来表现HTML或XML等文件样式的计算机语言,是描述标记语言页面格式的标准。CSS使开发人员能够分离内容和可视元素,以实现更好的页面控制和灵活性。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
特点
CSS样式中的选择器严格区分大小写,而声明不区分大小写,按照书写习惯一般点,具体介绍如下。将选择器、声明都采用小写的方式。
多个属性之间必须用英文状态下的分号隔开,最后一个属性后的分号可以省略但是为了便于增加新样式最好保留。如果属性的属性值由多个单词组成且中间包含空格,则必须为这个属性值加上英文状态下的引号。