小明106

移动端rem布局 什么是rem布局 rem单位的使用 媒体查询 如何使用less扩展语言 flexible.js的使用 rem布局实际开发如何操作 什么是rem布局 原理操作：rem布局根据html根

flex布局的使用 什么是flex布局 父级属性的使用 子级属性的使用 什么是flex布局 Flex布局意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。 注

移动端页面布局 理想视口ideal viewport 多倍图的使用 流式布局 理想视口ideal viewport 我们可以对viewport进行宽度和缩放的设置，以满足正常在一个移动端窗口的布局；就

css3过渡属性和动画效果 css3过度属性 2D转换 3D转换 css3制作动画 css3过度属性 作用：在不使用Flash动画或者js的情况下使用transition实现过渡效果，让当前元素只有有

css3盒模型和新增属性(圆角，文字阴影，盒子阴影) css3怪异盒模型 边框圆角 文字阴影 盒子阴影 css3盒模型 css3盒模型：css3中我们可以通过box-sizing来指定盒模型，这样我们

css3新增选择器 子级选择器 兄弟选择器 结构伪类选择器 伪元素选择器 属性选择器 子级选择器 子级选择器： 子级选择器用于选取带有特定父元素的元素 书写语法：div1>div2 注意如果div2不

语义化标签 多媒体标签 语义化标签 语义化标签：标签拥有对应的一种含义 标签语义化的优点 即使在没有CSS样式的条件下，也能很好地呈现出内容结构、代码结构； 语义化HTML会使HTML结构变的清晰，有

本节介绍编写一个静态网页的过程和注意事项 分析网站内容以及细节 准备好网页前期工作 区分好功能区块的细节以及布局 网站完成寻找bug，以及总结制作网站过程中的问题 1.分析网站内容以及细节 了解网页的

本节介绍HTML嵌套规则 行级元素特点 行级块元素特点 块级元素特点 HTML嵌套注意事项 1.行级元素特点 行级元素特点：不独占一行，高度由内容自动撑开。 行级标签：a、span、i、em、stro