学习总结

总结

• 了解html

知道前端的三大工具：html、css、js

他们的关系和在一个网页中他们各自担当的角色。html是结构，css是表现、js是行为

• 使用html的基本标签

会使用基本html标签，如u ins b br p img a border sub sup strong i table ol ul dl lid d dt td th tr form input del span div

• 初识css

了解css的发展史，css的书写及格式，如何将css引入

会用文本属性、背景属性等

• 理解定位、浮动

利用浮动实现左右布局，定位实现层级布局

分清相对定位、绝对定位、固定定位及还未正式发布的弹性定位，熟知他们的特点并运用

• 解析盒子模型、BFC规则

知道盒子模型的类型。怪异盒和标准盒的区别，两者的结构组成

会用padding、margin来控制元素的位置及大小

知道margin的bug，并如何去解决它

了解BFC规则，通过该规则去实现例如双飞翼布局、解决margin的bug等

• 新增html表单元素、h5语义化标签

会用表单新增的控件和元素

通过运用h5的语义化标签使得搜索引擎或网络爬虫等更加便利

• css选择符

了解css各类选择符及权重 

灵活运用可以方便快捷的找到某个元素或某类元素，方便css改变样式及js精准控制元素

• 2D与3D

通过过渡属性、动画属性及变换属性的组合实现元素的2D或3D效果

• 多列布局、弹性盒

多列布局实现瀑布流效果

会用弹性盒实现网页布局，尤其是在移动端使用弹性盒来布局

• 网格布局

网格既有表格的特点，又与弹性盒的用法有些相似v