资源详情
教程名称:精通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课件