开发者社区> 问答> 正文

如何提高html+css的制作效率

我目前的工作,主要还是负责html+css这一块,可是目前一个页面我一天老是搞不定,好头疼啊,加上兼容性调整的话,怎么样也要2天才能完成一个页面啊!!!!!好丢人啊,有木有,,,求大神指点迷津,如何提高这方面的制作速度~~

展开
收起
a123456678 2016-03-25 09:41:58 1927 0
1 条回答
写回答
取消 提交回答
  • 我觉得对于HTML+CSS的制作上面说的也都对,我补充一点自己的看法。

    先审查整个设计稿,在心里构思出页面的大致结构。 逐步细化每一块的结构,同时包括CSS大致怎么写,比如双列布局的时候 两个DIV 各自左右浮动,这个 在没做之前心里要有一个轮廓。否则 扎笔(键盘)就写,很容易各种返工、修改。
    基础。 HTML标签的用法、CSS常用的规则。一时想不起来的话,W3C、MDN去复习。 JS部分现在应该很多人都是在用jQuery ,那么对于jQuery的常用API也要有所熟悉,同 HTML、CSS一样,不清楚的话 W3C、jQuery 官网各种去刷吧。
    积累总结。 把你做过的东西总结一下,转化为你的经验,下次遇上同样的问题可以很快解决,否则次次百度,回回挠头,效率注定上不去的。 把一些常用的代码想办法 复用起来,比如 snippets。
    善用你的工具。 工欲善其事必先利其器,像了解你自己一样了解你的工具。工具是你在战场上的小(hao)伙(ji)伴(you),你连你小伙伴都不清楚,还能不能好好玩耍了,小伙伴会伐开心哒。 比如Chrome 的开发者工具,FireFox 的 Firebug。在修改CSS的时,按下shift和方向键,可以以10为基准的修改数值;alt 以 0.1 为基准。 查找元素的时候,以上两者都已实现通过 CSS选择器查找元素。
    如果你用DW、ST、Webstrome 这些编辑器|| IDE,那么也请熟悉她。比如ST删除行的操作,快捷键ctrl+shift+k 要远比你 退格键一个一个删或者选中一行然后删掉快;复制行的时候ctrl+shift+d 也远比你 粘贴复制 来得快一些。
    总之,熟悉你的小伙伴。
    保持学习的激情和心态。

    2019-07-17 19:13:29
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
零基础CSS入门教程 立即下载
天猫 HTML5 互动技术实践 立即下载
天猫HTML5互动技术实践 立即下载