CSS和HTML做到啥程度才叫稳扎根基

北大青鸟大学城校区logo 北大青鸟大学城校区
招生简章校园环境师资力量就业明星招生问答软件工程师北京大学学历学员项目联系我们 报名通道

免费在线咨询通道>>

免费在线报名通道>>

北大青鸟报名电话
当前位置:北大青鸟 > 软件教程 > web前端开发 >

CSS和HTML做到啥程度才叫稳扎根基

标签:   分类:web前端开发

CSS和HTML做到什么程度才算牛了,下面我给大家分享一位在我们学校做11年开发教师总结出来的宝贵经验。

  1.知道如何做css性能优化,以及如何写出模块化的css。
  2.知道css3动画的所有细节,并且知道在不同浏览器下的差异,知道css media query和flex的细节和一些比例单位如em,rem,vm等用法,并且知道怎么用于实际的自适应布局。
  3.各种垂直居中的写法,相对,绝对,fixed还有float的各种用法。
  4.盒模型概念一定清楚,知道自己想要的布局到底该写多宽多高。
  5.所有的html标签都知道语义,所有的tag attribute都知道什么含义,记住是所有,并且知道默认样式是什么,了解如何reset。
  6.知道不同浏览器的差异属性并且知道如何绕过不使用这些属性。
  7.渲染模式要分清楚,怪异和标准,怎么转换,说白了也是盒模型表现的事。
  8.对齐,各种垂直对齐,文本,图片,行内元素和块级元素等。
  9.不同浏览器的css hack怎么写,选择器的优先级弄明白怎么调整。
  10.给你一份psd设计稿,写完css和html,去掉css,能保证页面不乱,依然按照语义可以默认样式正常显示文档。
  11.写过简单的js,知道如何给js工程师预留结构和节点钩子,不随意使用id属性来做样式渲染。
  12.对seo有了解,知道怎么让显示和文案同时存在页面,了解css icon fonts,svg,雪碧图等原理和用法。
  下面是对不同阶段的一个补充
  1.前端入行
可实现:稍复杂的布局
基础:浏览器兼容(如css reset,逐渐成为过去式的hack、css前缀等),布局技巧(如浮动、垂直居中,清除浮动等),模块化CSS增强复用性,常用的H5+CSS3知识,布局方式(自适应,瀑布流等),浏览器开发者工具中的DOM&CSS部分,常用优化技巧(如压缩,css sprite雪碧图等)。此部分中,js、JQuery的能力也应该具备了,此处忽略。

  2.前端入行增强版
可实现:能切出的图都能跨浏览器实现,中小规模整站能够较为标准的完成
基础:能够查阅、理解规范(大多为英文,可配合各种大部头动物书帮助理解),对不常用的知识及细节也具备一定运用的能力(比如绝对定位与浮动的异同,z-index的各种鬼,文档流,较为全面的理解各类HTML标签及其语义,对HTML+CSS的知识面大多已经覆盖),开发者工具使用更加广泛(如对网络、资源等信息有一定的理解);最好对Bootstrap、Modernizr等框架的设计方案有一定理解,以具备自主写出更多通用组件(如自己的css reset)等,即对浏览器布局方案与浏览器兼容等有更深入全面的理解。本阶段开始注重2/8定律中的8。

  3.前端入门
可实现:简单的PC布局
基础:常用的CSS2、HTML4知识(2/8定律中的2,类同),语义化,CSS命名使用规范。
此阶段中的问题大都可以在W3School中找到答案。

  北大青鸟大学城校区地址:北京市昌平区沙河沙阳路18号,北京科技职业学院内。
  官网:http://www.91accp.com
  招生部主任余老师:15910633011
  乘车路线:北京地铁13号线到龙泽站下车,然后乘坐公交车519路到老牛湾下车,往南走100米就到,欢迎你的随时到校!
 

若有疑问请拨打北大青鸟咨询热线:010-80146691或点击免费在线咨询!
  • xml地图 网站地图 招生简章 合作企业 学员项目 联系我们
  • 关闭窗口