HTML+CSS

一. CSS3背景 第一张完整背景图的起始位置 background-origin 默认情况下,第一张完整背景图的起始位置是从元素的padding开始的 背景图剪裁 background-clip,

一.HTML5新标签 HTML5的新特性: 新增了一些标签, 弃用一些标签 增加了本地持久化功能 新增video和audio标签 终结flash 新增了绘图标签 canvas HTML5的新标签更加强

一. vertical-align 作用:用来解决行元素或者行级块元素在垂直方向上的对齐方式 基线: 基线的位置是不固定的 默认情况下行元素在当前行的垂直方向上的对齐方式是"基线对齐" 在文本类型的行

一. 学习目标。 掌握CSS的使用以及多种CSS选择器的用法。 了解选择器的优先级。 掌握常用的CSS样式。 二. CSS简介。 CSS：层叠式样式表。 作用：为标签元素添加各种样式（css属性），让

一.盒模型 概念 盒模型结构像一个盒子一样，包含多个组成部分，用来页面的精细化布局。所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。CSS盒模型本质上是

一. 学习目标。 掌握浮动的作用以及用法。 了解浮动产生的问题。 掌握清除浮动的方法。 能够通过html，css，盒模型，浮动进行复杂网页布局。 掌握nth-child和nth-of-type选择器

一. 学习目标。 掌握定位的作用。 掌握定位的实现方式。 掌握相对定位，绝对定位，固定定位的区别。 流式布局 能够通过html，css，盒模型，浮动，定位进行复杂网页布局。 二. 定位。 1. 作用。

本次目标 基于前端技术（HTML+CSS3），完成小米官网的排版。 要求： 实现页面整体布局 实现页面动画效果 实现效果 首屏效果 二屏闪购效果 产品分类效果1 产品分类效果2 底部效果 课程适用对象