视频简介
课程描述
上百节HTML/CSS课程，真正的从零开始实战，7天完全掌握HTML/CSS
学习目的
适用人群
- 章节1： HTML/CSS基础[01.必要基础]
- 课时1-1：【很重要】526分钟
- 课时1-2：如果您实际开发的场景与教程中的场景不一样,出现问题,可以免费申请教程补录,完全免费,扫码加群,联系客服即可0分钟
- 课时1-3：什么是HTML&CSS444分钟
- 课时1-4：VS Code的下载与安装301分钟
- 课时1-5：初始化、语义化HTML、第一个HTML页面813分钟
- 课时1-6：常用HTML标签概览733分钟
- 课时1-7：初识CSS与引用的方法259分钟
- 课时1-8：CSS基础语法与选择器 [1]765分钟
- 课时1-9：CSS基础语法与选择器 [2]408分钟
- 课时1-10：CSS继承229分钟
- 课时1-11：CSS权重291分钟
- 课时1-12：盒子模型491分钟
- 课时1-13：CSS块级元素[block]与行内元素[inline]477分钟
- 课时1-14：浮动[Float]840分钟
- 课时1-15：绝对定位[position]796分钟
- 课时1-16：背景[background]621分钟
- 课时1-17：文字方向[text-align]380分钟
- 课时1-18：总结189分钟
- 章节2： HTML/CSS基础[02.基础切图]
- 课时2-1：初始化CSS478分钟
- 课时2-2：head之LOGO的实现703分钟
- 课时2-3：head之菜单的实现364分钟
- 课时2-4：HTML与CSS书写规范146分钟
- 课时2-5：banner图的实现262分钟
- 课时2-6：首页标题块[index-title]589分钟
- 课时2-7：nth-child简介167分钟
- 课时2-8：首页第一个块[1]布局与nth-child应用399分钟
- 课时2-9：首页第一个块[2]background-position的应用259分钟
- 课时2-10：首页第一个块[3]ul与li标签的应用272分钟
- 课时2-11：首页第一个块[4]list-style-image的应用329分钟
- 课时2-12：首页通用按钮的制作386分钟
- 课时2-13：首页第二个块[1]background与background-size339分钟
- 课时2-14：首页第三个块-代码重用初识320分钟
- 课时2-15：首页第四个块的完成399分钟
- 课时2-16：初识border-radius142分钟
- 课时2-17：border-radius的应用356分钟
- 课时2-18：overflow的认识165分钟
- 课时2-19：box-shadow的初识170分钟
- 课时2-20：box-shadow的应用145分钟
- 课时2-21：swiper插件的初识与应用570分钟
- 课时2-22：字体图标的使用方法470分钟
- 课时2-23：全局右侧tool小工具的实现 [1]786分钟
- 课时2-24：全局右侧tool小工具的实现 [2]318分钟
- 课时2-25：小技巧-到页面任何位置166分钟
- 课时2-26：伪类hover进阶 - 下拉菜单 [1]663分钟
- 课时2-27：伪类hover进阶 - 下拉菜单 [2]284分钟
- 章节3： HTML/CSS进阶[01]企业站&PC&移动
- 课时3-1：摘要173分钟
- 课时3-2：初始化代码340分钟
- 课时3-3：首页head [1] 引入swiper540分钟
- 课时3-4：首页head [2] swiper指示器的修改279分钟
- 课时3-5：首页head [3] 幻灯片完成199分钟
- 课时3-6：首页head [4] nav菜单制作完成495分钟
- 课时3-7：首页head [5] text-shadow文字阴影的应用116分钟
- 课时3-8：首页info块 [1]553分钟
- 课时3-9：首页info块 [2] nth-child逻辑问题剖析340分钟
- 课时3-10：首页公用标题title235分钟
- 课时3-11：JQuery懒加载插件[lazyload]的使用373分钟
- 课时3-12：首页News新闻块的布局437分钟
- 课时3-13：首页News块完成 [超出几行显示省略号功能实现]567分钟
- 课时3-14：首页1-3[1]布局648分钟
- 课时3-15：首页1-3[2]布局块left完成 透明背景的应用514分钟
- 课时3-16：首页1-3[3]布局块right完成378分钟
- 课时3-17：首页多栏新闻块完成 CSS代码的重用301分钟
- 课时3-18：首页案例块[1]布局553分钟
- 课时3-19：首页案例块[2]swiper应用376分钟
- 课时3-20：首页案例2的完成189分钟
- 课时3-21：footer完成1062分钟
- 课时3-22：基于Jq的下拉菜单 [1]566分钟
- 课时3-23：基于Jq的下拉菜单 [2]435分钟
- 课时3-24：新闻列表页的实现 [1]468分钟
- 课时3-25：新闻列表页的完成 [2]475分钟
- 课时3-26：图片列表的完成 代码Copy132分钟
- 课时3-27：作业布置143分钟
- 课时3-28：本地环境搭建与手机访问电脑本地网站355分钟
- 课时3-29：手机访问电脑网页自动跳转至移动端网页157分钟
- 课时3-30：初始化CSS与引用font.css300分钟
- 课时3-31：尾部菜单的完成852分钟
- 课时3-32：head-logo块的完成355分钟
- 课时3-33：swiper插件的引用与调试620分钟
- 课时3-34：二级菜单的设计与制作 [1]729分钟
- 课时3-35：二级菜单的设计与制作 [2] 美化二级菜单261分钟
- 课时3-36：首页新闻列表的制作448分钟
- 课时3-37：图片懒加载的应用161分钟
- 课时3-38：仿APP左滑动过渡效果的应用335分钟
- 课时3-39：服务页面的搭建与left-loading的优化484分钟
- 课时3-40：服务页面的完成与[课后作业]327分钟
- 课时3-41：transition过渡属性的使用244分钟
- 课时3-42：CSS3预设动画库Animate的使用235分钟
- 课时3-43：总结251分钟
- 章节4： HTML/CSS进阶[02]大型门户站&PC&移动
- 课时4-1：简介116分钟
- 课时4-2：全局初始化447分钟
- 课时4-3：top块 [1] 布局374分钟
- 课时4-4：top块 [2] 细节完成568分钟
- 课时4-5：logo块的完成251分钟
- 课时4-6：一级菜单的制作完成289分钟
- 课时4-7：二级菜单 [1] 布局335分钟
- 课时4-8：二级菜单 [2] 完成807分钟
- 课时4-9：首页顶部广告的完成237分钟
- 课时4-10：首页第一个块 [1] 布局296分钟
- 课时4-11：首页第一个块 [1] 左块 [1]521分钟
- 课时4-12：首页第一个块 [1] 左块 [2]884分钟
- 课时4-13：首页第一个块 [2] 中块 [1] 幻灯片组件399分钟
- 课时4-14：首页第一个块 [2] 中块 [2] 幻灯片组件调整完成850分钟
- 课时4-15：首页第一个块 [3] 右块 完成747分钟
- 课时4-16：首页第二个块 [1] 布局333分钟
- 课时4-17：首页第二个块 [2] 左块广告处314分钟
- 课时4-18：首页第二个块 [3] 左块完成242分钟
- 课时4-19：首页第二个块 [4] 中块顶部标题273分钟
- 课时4-20：首页第二个块 [5] 中块下部文章列表333分钟
- 课时4-21：首页第二个块 [6] 重新加一个布局473分钟
- 课时4-22：首页第二个块 [7] 填充一个新的块919分钟
- 课时4-23：首页第二个块 [8] 全部完成1115分钟
- 课时4-24：首页第二个广告块的完成311分钟
- 课时4-25：首页for通用块 [1] 布局426分钟
- 课时4-26：首页for通用块 [2] 左侧幻灯片的实现960分钟
- 课时4-27：首页for通用块 [3] 大标题的实现631分钟
- 课时4-28：首页for通用块 [4] 中栏上半部分373分钟
- 课时4-29：首页for通用块 [5] 中栏的完成458分钟
- 课时4-30：首页for通用块 [6] 全部完成304分钟
- 课时4-31：首页第三个广告块的完成345分钟
- 课时4-32：SuperSlide插件的学习与使用460分钟
- 课时4-33：首页TAB切换卡 块 [1] 大标题的完成618分钟
- 课时4-34：首页TAB切换卡 块 [2] 基础内容与样式的实现815分钟
- 课时4-35：首页TAB切换卡 块 [3] 基于SuperSlide插件的切换卡实现504分钟
- 课时4-36：首页复杂块 [1] 标题与布局234分钟
- 课时4-37：首页复杂块 [2] 左侧幻灯片的完成810分钟
- 课时4-38：首页复杂块 [3] 左侧全部完成375分钟
- 课时4-39：首页复杂块 [4] 中间块的布局404分钟
- 课时4-40：首页复杂块 [5] 中间块的全部完成265分钟
- 课时4-41：首页复杂块 [6] 右侧块 TAB 切换卡 [1]555分钟
- 课时4-42：首页复杂块 [7] 右侧块 TAB 切换卡 [2]324分钟
- 课时4-43：首页复杂块 [8] 右侧块 TAB 切换卡 [3] 完成182分钟
- 课时4-44：首页复杂块 [9] 全部完成379分钟
- 课时4-45：首页 不规则图片布局 [1] 左侧布局完成1093分钟
- 课时4-46：首页 不规则图片布局 [2] 右侧布局完成263分钟
- 课时4-47：首页 友情链接的完成172分钟
- 课时4-48：全局 尾部footer [1] 上半部分601分钟
- 课时4-49：全局 尾部footer [2] 全部完成361分钟
- 课时4-50：HTML&CSS代码压缩787分钟
- 课时4-51：PC端首页的总结264分钟
- 课时4-52：移动端-初始化代码396分钟
- 课时4-53：移动端-全局尾部菜单 [完成]775分钟
- 课时4-54：移动端-最顶部导航的完成 [完成]242分钟
- 课时4-55：移动端-首页幻灯片的完成 [完成]148分钟
- 课时4-56：移动端-首页二级菜单 [完成] [1]601分钟
- 课时4-57：移动端-首页二级菜单 [完成] [2]181分钟
- 课时4-58：移动端-首页三级菜单 [完成]345分钟
- 课时4-59：移动端-首页列表标题 [完成]247分钟
- 课时4-60：移动端-首页列表 [1] 出现问题 [小思考]534分钟
- 课时4-61：移动端-首页列表 [2] 第一种解决方法126分钟
- 课时4-62：移动端-首页列表 [3] 第二种解决方法CSS函数calc的使用519分钟
- 课时4-63：移动端-页面补齐224分钟
- 课时4-64：移动端-overflow-auto的应用377分钟
- 课时4-65：结尾165分钟
- 课时4-66：小技巧[1]外部CSS与JS不缓存124分钟
- 章节5： HTML5/CSS3常用的新特性
- 课时5-1：摘要简介239分钟
- 课时5-2：媒体查询 [1] 外链样式(max-width)180分钟
- 课时5-3：媒体查询 [2] 外链样式(min-width)120分钟
- 课时5-4：媒体查询 [3] 页内写法268分钟
- 课时5-5：媒体查询 [4] 当页面大于x小于x时应用的css200分钟
- 课时5-6：媒体查询 [5] 简单的实战287分钟
- 课时5-7：CSS选择器的知识扩展378分钟
- 课时5-8：CSS3动画 [1] 旋转209分钟
- 课时5-9：CSS3动画 [2] 变形124分钟
- 课时5-10：CSS3动画 [3] 缩放159分钟
- 课时5-11：CSS3动画 [4] 位移234分钟
- 课时5-12：CSS3动画 [5] 矩阵196分钟
- 课时5-13：CSS3动画 [6] 中心点93分钟
- 课时5-14：CSS3动画 [1] 入门及使用方法255分钟
- 课时5-15：CSS3动画 [2] 各个属性分开写256分钟
- 课时5-16：CSS3动画 dome 剖析 [1] 从右至左的滑动效果318分钟
- 课时5-17：CSS3动画 dome 剖析 [2] 炫酷背景效果300分钟
- 课时5-18：Flex弹性布局 - 初识301分钟
- 课时5-19：Flex弹性布局-父元素[1]flex-direction属性355分钟
- 课时5-20：Flex弹性布局-父元素[2]flex-wrap属性233分钟
- 课时5-21：Flex弹性布局-父元素[3]justify-content属性290分钟
- 课时5-22：Flex弹性布局-父元素[4]align-items属性380分钟
- 课时5-23：Flex弹性布局-父元素[5]align-content属性414分钟
- 课时5-24：Flex弹性布局-子元素[1]order属性95分钟
- 课时5-25：Flex弹性布局-子元素[2]flex-grow属性133分钟
- 课时5-26：Flex弹性布局-子元素[3]align-self属性127分钟
- 课时5-27：Grid网格布局 - 简介176分钟
- 课时5-28：Grid网格布局 - 概念290分钟
- 课时5-29：Grid网格布局 - [1] 申明为Grid网格布局140分钟
- 课时5-30：Grid网格布局 - [2] 行与列的申明432分钟
- 课时5-31：Grid网格布局 - [3] 容器属性[repeat]auto-fill函数申明163分钟
- 课时5-32：Grid网格布局 - [4] 容器属性fr单位165分钟
- 课时5-33：Grid网格布局 - [5] 容器属性minmax150分钟
- 课时5-34：Grid网格布局 - [6] 容器属性auto80分钟
- 课时5-35：Grid网格布局 - [7] 容器属性grid-gap67分钟
- 课时5-36：Grid网格布局 - [8] 容器属性grid-auto-flow83分钟
- 课时5-37：Grid网格布局 - [9] 容器属性justify-items178分钟
- 课时5-38：Grid网格布局 - [10] 容器属性justify-content235分钟
- 课时5-39：[完]296分钟
- 章节6： Sass & 最强大的专业级CSS扩展语言 & CSS预处理
- 课时6-1：Scss课程介绍92分钟
- 课时6-2：[1]什么是sass155分钟
- 课时6-3：[2]sass和scss的区别371分钟
- 课时6-4：[3]sass的强大之处演示459分钟
- 课时6-5：[1]如何在VSCode中使用sass[添加插件live Sass Compiler]482分钟
- 课时6-6：[2]如何在VSCode中使用sass[配置插件]928分钟
- 课时6-7：sass常用功能[1]sass中的注释212分钟
- 课时6-8：sass常用功能[2]利用嵌套提升编码效率312分钟
- 课时6-9：sass常用功能[3]如何在嵌套中查找父选择器224分钟
- 课时6-10：sass常用功能[4]属性如何嵌套239分钟
- 课时6-11：sass常用功能[5]利用变量提升维护效率537分钟
- 课时6-12：sass常用功能[6]sass中的运算[1]减加乘410分钟
- 课时6-13：sass常用功能[6]sass中的运算[2]除法运算356分钟
- 课时6-14：sass常用功能[6]sass中的运算[3]变量运算270分钟
- 课时6-15：sass常用功能[6]sass中的运算[4]字符串运算494分钟
- 课时6-16：sass常用功能[7]灵活的差值语句283分钟
- 课时6-17：sass常用功能[8]利用@import实现模块化开发[1]结构拆分以及样式书写444分钟
- 课时6-18：sass常用功能[8]利用@import实现模块化开发[2]利用@import引入355分钟
- 课时6-19：sass常用功能[9]如何只编译指定的scss文件267分钟
- 课时6-20：sass常用功能[10]sass中的继承（@extend）320分钟
- 课时6-21：sass常用功能[11]占位选择器212分钟
- 课时6-22：sass常用功能[12]sass中的混合（@mixin）[1]混合的简单使用149分钟
- 课时6-23：sass常用功能[12]sass中的混合（@mixin）[2]带有默认值的参数以及多个参数234分钟
- 课时6-24：sass常用功能[12]sass中的混合（@mixin）[3]这部分内容更改的解释62分钟
- 课时6-25：sass常用功能[13]sass中的if判断（@if）[1]@if206分钟
- 课时6-26：sass常用功能[13]sass中的if判断（@if）[2]@else if251分钟
- 课时6-27：sass常用功能[14]sass中的for循环（@for）[1]through297分钟
- 课时6-28：sass常用功能[14]sass中的for循环（@for）[2]to72分钟
- 课时6-29：sass常用功能[15]sass中的@each206分钟
- 课时6-30：sass常用功能[16]sass中的函数310分钟
- 课时6-31：sass常用功能[17]一个小例子632分钟
- 课时6-32：课程总结266分钟
这个课程中还没有任何笔记，马上记录你的学习体会
下载区
