7月底HTML/CSS学习笔记大纲

一夜无眠,学习不是为了别人，自己执行力好差，对自己过高期望，以为任务目标Soeasy，结果徘徊了几个月，还是在原地踏步，怎么讲了？学习还是要脚踏实地，专注，不要为自己找借口！毕竟虚长几岁，曾经的年少轻狂高傲、曲动琴声美妙一不复返！如今的自己在为曾经的不学习，努力向着生活买单！希望下面可以越来越好！

HTML基础及HTML实战

1. 标签和标签属性
2. 元素及元素分类
3. 网页基本结构解析
4. 标签语义化

CSS基础及CSS实战

1. css引入方式
2. css选择器
3. 权重
4. css属性继承
5. background属性的使用技巧
6. 雪碧图的使用技巧
7. 常见的兼容性处理

CSS盒子模型

1. 盒子模型的值=>利用border实现三角形效果
2. 盒子模型的计算公式
3. 盒子模型的兼容性问题

浮动

1. 浮动的原理
2. 浮动产生的影响
3. 清除浮动的几种方式

定位

1. 绝对定位
2. 相对定位
3. 固定定位
4. 层级关系

动画

1. transition过渡动画
2. animation简易动画
3. 雪碧图动画
4. 开人物场景动画关门动画

学习工具/sublimeText,PS,马克飞象,印象笔记

常用浏览器

• 谷歌浏览器chrome:Webkit内核(V8引擎)
• 火狐浏览器(firefox):Gecko内核
• IE浏览器:Trident内核
• 欧朋浏览器(opera):Presto内核

部分面试题待解析

1. 利用border实现三角形效果，不允许使用图片
2. 如何让元素消失在视野中，发挥想象力
3. 一个元素如何在另一个元素中始终水平垂直居中
4. 多个元素在一行展示的方式
5. 三栏布局，左右固定，中间自适应的实现方法
6. 行内和块状元素分别有什么，他们的区别是什么？