HTML5,CSS3 【实战】

预览地址：

github地址：

一：网页开发

1.HTML 5 标签，标签的结构用到 BEM开发模式

2.CSS3、CSS过渡动画、帧动画

3.JS元素获取，事件响应处理

前端开发（静态页开发-----> 动画效果开发）

二：工具

标注工具：像素大厨

雪碧图拼接: CSS雪碧图即CSS Sprite（精灵）

三：开发

开发技巧：从大到小

BEM开发模式【CSS样式规范化】

BEM的CSS命名规范

• B: 表示块，可以抽象成一个组件
• E: 表示元素，组件下的一个元素，多个元素形成一个组件
• M:表示修饰符，可以用来表示元素的状态，比如激活状态，颜色，大小

__和--连接符这是什么鬼

• __主要用来表示块(B)和元素(E)间的连接
• --用来表示块或者元素与状态的连接
• 使用单个的