预览地址:
github地址:
一:网页开发
1.HTML 5 标签,标签的结构用到 BEM开发模式
2.CSS3、CSS过渡动画、帧动画
3.JS元素获取,事件响应处理
前端开发(静态页开发-----> 动画效果开发)
二:工具
标注工具:像素大厨
雪碧图拼接: CSS雪碧图即CSS Sprite(精灵)
三:开发
开发技巧:从大到小
- B: 表示块,可以抽象成一个组件
- E: 表示元素,组件下的一个元素,多个元素形成一个组件
- M:表示修饰符,可以用来表示元素的状态,比如激活状态,颜色,大小