精通HTML5+CSS3实战视频mp4（201集含课件）,资源教程下载

课程名称

精通HTML5+CSS3实战视频mp4（201集含课件）,资源教程下载

课程目录

001.HTML5简介、新旧标签对比

002.使用 html5shiv.js 让旧版本浏览器对HTML5新标签支持

003.figure的使用、注意事项、section正确使用、datalist

004.details使用、html5属性使用

005.audio、参数详解、浏览器差异化对比

006.audio兼容、编码、如何进行转码

007.video详解、兼容、编码转换

008.input新的type、在移动端的表现

009.input新的属性、ios专用属性（autocapitalize、autocorrect）

010.新的可用选择器（兄弟选择器、相邻选择器）

011.选择器-first-litter、firest-line、selection、target及利用target制作选项卡

012.CSS3属性选择器详解、多条件

013.nth-child、nth表达式、运算、nth-last-child

014.first-child、last-child

015.nth-of-type详解、nth-child和nth-of-type的区别

016.伪类选择器实例

017.伪类选择器优先级、odd、even、隔行变色

018.only-child

019.only-of-type、empty

020.not选择器的使用

021.表单状态、enabled、disabled、checked

022.自定义表单案例

023.box-shadow参数详解、阴影量取、多重阴影、text-shadow

024.border-radius、量取、参数

025.calc使用

026.background新的属性、rgba、

027.background-size使用、百分比、contain、cover、auto、缩写

028.background-clip

029.css3多背景

030.渐变（linear-gradient）、方向、角度、彩虹制作

031.渐变填充比例

032.重复线性渐变、案例

033.径向（圆形）渐变，参数详解、重复径向渐变

034.案例讲解-按钮

035.案例讲解-标尺

036.案例讲解-时间案例

037.after、before详解

038.案例讲解-按钮例子

039.案例讲解-yes&no

040.案例讲解-进度条

041.案例讲解-思路

042.案例讲解-电池图标

043.box-sizing、适用地方

044.弹性盒子、-wekbit-box、caniuse使用

045.弹性盒子、box-flex、原理分析

046.弹性盒子、对齐方式（box-align）

047.是否反转（box-direction）

048.垂直对齐方式（box-pack）

049.排列方式与对齐方式的相互影响

050.flex、参数详解、与box区别

051.主轴方向（flex-direction ）

052.收缩比例（flex-shrknk）

053.扩展比例（flex-grow）

054.flex换行

055.水平对齐方式（justify-content）

056.垂直对齐方式（align-items）、与垂直排列后的表现、align-self

057.“最小”空间、（flex-base）

058.flex缩写

059.flex的兼容性

060.用户模式（user-modify）

061.用户选择（user-select）

062.倒影

063.新的filter

064.案例-flex练习

065.案例-个人主页头部

066.案例-个人中心头部

067.案例-个人中心-用户信息部分

068.案例-个人中心-图片列表、技巧

069.transform-translate位移详解

070.transform-scale缩放详解

071.transform-rotate旋转详解

072.transform-skew详解

073.transition详解

074transition动画类型、linear、ease、ease-in、ease-out、ease-in-out

075逐帧动画详解及注意事项

076.transform-origin旋转原点详解

077.perserve-3d

078.案例-翻牌、注意事项

079.案例-ihover

080.案例-ihover-阻止鼠标事件

081.案例-ihover

082.案例-ihover

083.案例-ihover

084.案例-ihover

085.案例-ihover

086.案例-ihover伪类和伪元素的区别

087.案例-ihover

088.案例-中括号

089.案例-3D旋转（上）

090.案例-3D旋转（下）

091.案例-底部滑块平滑渐隐

092.案例-边框旋转

093.案例-文字渐现

094.案例-底部圆点渐现

095.案例-位移

096.animetion与transition区别、ani使用

097.animetion-form、to、分步动画

098.animetion-属性详解、次数（iteration-count）

099.animetion-是否反向（direction）

100.animetion-动画外状态（fill-mode）

101.animetion-结束后状态（play-state）

102.animetion案例-加载进度球

103.animetion案例-圆圈进度

104.animate库

105.animate时间参数

106.移动端布局、百分比、rem、viewpoint、无宽度布局

107.viewport各个参数详解

108.移动端布局-target-densitydpi

109.ios专用属性

110.iso添加主屏

111.ios标题、图标、webApp全屏模式

112.ios注意事项、字号调整、点击黑色背景

113.复习CSS单位

114.新的单位 rem

115.vm、vh

116.vmin、vmax

117.移动端retina图片适配问题

118.imgset的使用

119.base64使用

120.iconfont介绍

121.iconfont的使用

122.移动端布局方式、适配、响应式知识

123.rem适配-设计图尺寸问题、解决方法

124.rem适配-rem计算

125.rem适配

126.rem适配

127.rem适配

128.rem实战电商-准备工作

129.rem实战电商-头部1

130.rem实战电商-头部2

131.rem实战电商-焦点图-1

132.rem实战电商-焦点图-2

133.rem实战电商-底部

134.医药网站实战-轮播图部分01

134.医药网站实战-轮播图部分02

135.医药网站实战-适配

136.医药网站实战-导航

137.医药网站实战-适配图片裁切解决方法

138.医药网站实战-命名注意事项（广告屏蔽插件）

139.医药网站实战-内容区01

140.医药网站实战-内容区02

141.医药网站实战-内容区03

142.医药网站实战-内容区04

143.viewpoint布局方式

144.viewpoint缩放公式

145.viewpoint机型兼容情况

146.viewpoint-js的使用

147.viewport-切图的注意事项

148.viewport-项目前的准备工作

149.viewport案例-头部

150.viewport案例-头部中间部分

151.viewport案例-头部左右两侧的图标

152.viewport案例内容区的头部

153.viewport案例-内容区图片部分01

154.viewport案例-内容区图片部分02

155.未知元素宽高水平居中

156.viewport案例-隐藏部分

158.viewport布局转换成rem布局的方法和注意事项

159.viewport-移动端横屏问题的解决

160.响应式概念

161.响应式需要兼容的设备尺寸

162.响应式-pc端媒体查询的判断条件

163.响应式-移动端媒体查询的判断条件

164.响应式样式的书写顺序

165.响应式-媒体查询的横屏和竖屏01

165.响应式-媒体查询的横屏和竖屏02

166.响应式媒体类型

167.响应式样式表的引用

168.响应式实战微软中国-准备工作

169.响应式实战微软中国-广告部分样式

170.响应式实战微软中国-logo部分样式

171.响应式实战微软中国-pc端logo右侧的内容

172.响应式实战微软中国-移动端logo右侧内容样式

173.响应式实战微软中国-导航

174.响应式实战微软中国-移动端导航下拉框

175.响应式实战微软中国-pc端导航下拉框

176.响应式实战微软中国-焦点图

177.响应式实战微软中国-默认畅销导航样式

178.响应式实战微软中国-分页居中

179.响应式实战微软中国-pad畅销导航样式第二种做法01

180.响应式实战微软中国-pad畅销导航样式第二种做法02

181.响应式实战微软中国-图片区

182.响应式实战微软中国-图片区-三角案例

183.响应式实战微软中国-图片区的三角

184.响应式实战微软中国-商品区

185.响应式实战微软中国-pad商品区样式

186.响应式实战微软中国-移动端底部样式

187.响应式实战微软中国-pc端底部样式

188.响应式实战微软中国-调试（完结）

189.sass-sass需要的编译环境

190.sass-sass的安装

191.sass-sass和scss的区别

192.sass-编译和单文件转换

193.sass-单文件监听和文件夹监听

194.sass-style4种编译模式

195.sass-变量和作用域

196.sass-嵌套

197.sass-混合、调用和传参

198.sass-继承

199.sass-字符串插值和运算

200.sass-if for while each

201.sass-土豆案例-用sass重写

HTML5+CSS3课件