德国Max的CSS 3终极前端开发指南

德国Max的CSS 3终极前端开发指南 WY云 第1张

适用人群
你可以不是程序员,可以看不懂CSS或JavaScript代码,你只要有点HTML基础即可。

课程概述
德国大神MAX的经典之作。CSS入门不容错过的好课。

德国Max的CSS 3终极前端开发指南 WY云 第2张

德国Max的CSS 3终极前端开发指南 WY云 第3张

德国Max的CSS 3终极前端开发指南 WY云 第4张

德国Max的CSS 3终极前端开发指南 WY云 第5张

教程目录:
章节1:概述
课时1介绍
课时2什么是CSS?
课时3CSS的历史现在和未来
课时4课程结构
课时5先学要求
课时6本课应该怎么学?
课时7推荐的工具
章节2:CSS基础入门
课时8本章介绍
课时9理解课程项目配置
课时10用内联方式往我们的项目中添加CSS
课时11理解 <style>标签以及创建.css文件
课时12应用扩展样式以及导入谷歌字体
课时13理论课时间 - 选择器
课时14理解CSS的选择器
课时15理解继承
课时16添加组合器
课时17理论课时间 - 组合器是什么
课时18属性和选择器总结
课时19作业1视频:基础练习
课时20作业1答案视频:基础练习12:40
课时21本章总结
章节3:深入了解CSS
课时22本章介绍
课时23CSS盒子模型介绍
课时24理解盒子模型
课时25理解外边距折叠以及移除默认外边距
课时26理论讲解-简写属性的使用
课时27练习使用简写
课时28深入学习高度和宽度属性
课时29理解框架大小属性
课时30添加页眉元素
课时31理解Display属性
课时32应用display属性并为导航栏设置样式
课时33理解意想不到的inline-block行为
课时34学会改变字体样式和垂直对齐
课时35给a标签添加样式
课时36添加伪类
课时37理论课时间——伪类和伪元素
课时38调整“字体粗细”与“边框”属性
课时39分组规则
课时40添加&设计召唤行为按钮
课时41给我们的项目添加背景图片
课时42值得记住的属性
课时43任务: 练习时间 - 深入CSS
课时44任务答案:练习时间-更加深入研究CSS16:26
课时45总结
章节4:深入了解选择器以及CSS特性
课时46章节介绍
课时47使用多个CSS类及组合选择器
课时48类选择器还是ID选择器?
课时49(不要)使用 !important
课时50使用:not()伪类反选
课时51CSS与浏览器支持
课时52总结
章节5:基础训练
课时53章节序言
课时54为套餐添加样式
课时55处理“推荐计划”
课时56给标志添加圆角
课时57修改列表样式
课时58改进计划页面的的标题和价格
课时59操作按钮的改进
课时60理解轮廓
课时61产品引导页添加新section
课时62为核心特点部分的标题改进样式
课时63为主要功能区域的内容做准备
课时64添加页脚
课时65到目前为止我们实现了什么
课时66添加套餐页面
课时67给你的挑战任务
课时68为链接指定样式
课时69为套餐盒子指定样式
课时70添加浮动属性
课时71修复悬停效果
课时72最终润饰
章节6:用CSS定位元素
课时73章序
课时74为什么定位能优化网页
课时75理论课-了解定位
课时76使用定位属性值“fixed”
课时77固定导航栏
课时78使用“position”添加背景图
课时79理解z-index
课时80为我们的套餐添加一个标记
课时81用“absolute”和“relative”设置标志的样式和位置
课时82深入相对定位
课时83改进“溢出”和相对定位
课时84介绍粘性定位
课时85理解层叠上下文
课时86任务3:练习定位属性
课时87作业3的解决方案:练习时间-定位14:35
课时88总结
章节7:理解背景图片与前景图片
课时89可选:进阶课程介绍
课时90章节简介
课时91理解背景尺寸
课时92改进背景定位
课时93“background”简写-理论课
课时94应用background的三个属性
课时95使用background简写
课时96给图片添加样式
课时97在网站中添加customers页面
课时98设置图像布局
课时99理解线性渐变
课时100添加径向渐变
课时101层叠多个背景
课时102理解滤镜
课时103使用Fill和Stroke属性来设置SVG样式
课时104总结
章节8:尺寸与单位
课时105单元介绍
课时106课程项目的单位有什么问题?
课时107单位的重要性
课时108 可用尺寸和单位的概览
课时109要记住的规则:固定定位和百分比单位
课时110要记住的规则:绝对定位和百分比符号
课时111需要记住的规则:相对或静态定位与百分比单位
课时112解决100%高度的问题12:
课时113在根元素中指定字体大小
课时114使用 “min-width/height” 和 “max-width/height”
课时115使用rem和em的改进12:47
课时116给其它属性添加“rem”
课时117px 转换到 rem
课时118学习viewport单位"vw"和"vh"
课时119选择合适的单位
课时120利用\"margin: auto\"居中元素
课时121清理我们的代码
课时122总结
章节9:配合JavaScript与CSS
课时123章节序言
课时124添加提醒对话框
课时125用JavaScript选择和操纵样式10:34
课时126添加一个事件监听器
课时127作业4 练习-使用JavaScript添加样式
课时128作业4:答案 用JavaScript添加样式
课时129添加一个侧面导航栏
课时130css实现元素的出现和隐藏
课时131处理元素类
课时132理解属性记法
课时133整理我们的代码
课时134本章总结
章节10:将网站实现成响应式
课时135章节简介
课时136为什么我们的项目需要成为响应式设计
课时137理解硬件像素与软件像素10:29
课时138比较元标签viewport和媒体查询
课时139理解元标签viewport
课时140用移动端优先的方法设计网页
课时141添加第一个媒体查询12:52
课时142应用媒体查询时要记住的知识点
课时143寻找正确的触发点
课时144为“计划”创建移动端优先的设计
课时145使“计划”变成响应式
课时146你的挑战任务
课时147作业5:练习使用媒体查询创建响应式布局
课时148作业5(答案)使用媒体查询创建响应式布局
课时149使用逻辑运算符
课时150改进客户页面14:58
课时151改进套餐页面
课时152整理导航栏
课时153正确地定位页脚10:
课时154总结
章节11:给表单添加样式
课时155章节简介
课时156添加没有样式的表单
课时157页面初始化
课时158理解高级属性选择器
课时159改进整体布局
课时160重新指定表单元素的样式
课时161指定复选框的样式
课时162提供验证反馈
课时163指定注册按钮的样式
课时164总结
章节12:文本和字体
课时165章节简介
课时166族类和字体族
课时167理解浏览器设置
课时168关于默认字体族的使用
课时169理解font-family语法规则
课时170使用本地保存的字体
课时171使用谷歌字体10:28
课时172如何使用font-face和font-style
课时173导入自定义字体
课时174深入理解字体格式
课时175深入理解字体属性
课时176添加属性letter-spacing
课时177改变行高
课时178应用文本修饰和文本阴影
课时179字体简写的用法及好处
课时180加载性能和 "font-display" 属性
课时181总结
章节13:往项目中添加Flexbox
课时182可选:专家路线介绍
课时183章节介绍
课时184为什么需要改进我们的页面以及如何改进
课时185理解“Flexbox”
课时186如何创建div的“Flex Container”
课时187flex-direction和flex-wrap
课时188理解主轴和交叉轴的重要性
课时189使用对齐元素项和对齐内容这两个属性 10:59
课时190如何使用“align-content”
课时191使用弹性盒子改进导航栏12:
课时192你的挑战 - 制作移动端导航栏
课时193优化页脚
课时194作业6: flexbox练习
课时195作业6(答案)- 弹性框
课时196使用flexbox改进页面
课时197Flexbox布局中的order属性
课时198使用align-self
课时199理解 flex-grow
课时200使用 flex-shrink 属性
课时201比较“flex-basis” 宽度和高度
课时202总结
章节14:使用CSS Grid
课时203本章简介
课时204什么是CSS网格
课时205入门
课时206将一个容器转换为网格
课时207定义列和行
课时208 在网格中放置子元素
课时209auto,repeat和minmax的使用
课时210元素定位的高级技巧06:30
课时211使用命名网格线
课时212作业7(问题视频):练习网格
课时213任务七(方法讲解):练习课-网格
课时214理解 column 和 row 的简写
课时215修改网格单元格的间距
课时216给模版区域命名
课时217作业8(问题视频):练习-深入了解Css网格
课时218作业8解答视频-深入了解CSS网格布局
课时219创建自动生成的网格区域
课时220在我们的项目中使用网格
课时221使用 "fit-content" 函数
课时222为 Grid 下的元素定位
课时223调整网格中内容的位置
课时224如何单独定位元素
课时225如何将媒体查询与网格一起使用创建响应式布局
课时226采用自动流进行网格布局
课时227比较显式和隐式网格
课时228理解auto-fill和auto-fit
课时229创建紧凑的网格
课时230使用网格为表单设置样式
课时231比较网格布局和Flexbox布局
课时232下一步
课时233关于网格系统的总结
章节15:使用CSS Transforms来改变元素
课时234本章简介
课时235旋转元素与设置原点
课时236元素的旋转和平移操作
课时237实现扭曲和缩放操作
课时238变形函数的简写应用
课时239使用3D变换来旋转元素
课时240理解“perspective”属性
课时241通过“translateZ”来沿竖轴移动元素
课时242使用"transform style"来旋转容器
课时243翻转元素及“背面可见性”
课时244本章总结
章节16:CSS动画
课时245章节介绍
课时246理解和应用Transitions
课时247使用计时函数
课时248backdrop的过渡动画
课时249作业九(问题视频):练习时间——CSS过渡动画
课时250作业9(答案视频):练习时间——CSS高级动画
课时251使用CSS Animations
课时252添加多组关键帧
课时253添加旋转和动画效果
课时254作业:CSS动画练习
课时255作业10(解决方案视频):是时候练习CSS动画了
课时256使用JavaScript动画事件监听器
课时257本章总结
章节17:不过时的CSS代码
课时258课程介绍-现代CSS特性
课时259CSS模块及其开发小组
课时260使用CSS变量
课时261理解和使用浏览器前缀
课时262确定使用哪一个前缀
课时263使用Support Queries查询
课时264介绍Polyfill
课时265消除跨浏览器不一致性
课时266如何为CSS的类起名
课时267原生CSS和CSS框架的对比
课时268总结
章节18:Sass介绍
课时269本章介绍
课时270什么是SASS与SCSS
课时271安装Sass
课时272使用Sass来改进代码
课时273关于嵌套选择器
课时274增加嵌套属性
课时275理解变量的使用
课时276在变量里保存列表和映射
课时277内置函数
课时278作业11(讲解作业视频):实践Sass
课时279作业11(实践作业视频):实践SASS
课时280添加简单的运算
课时281添加Better Import和Partials
课时282改进媒体查询
课时283Inheritance的含义及使用方法
课时284添加混入
课时285使用与号运算符
课时286本章总结
章节19:课程总结
课时287课程内容总结

德国Max的CSS 3终极前端开发指南 WY云 第6张

相关下载

点击下载

参与评论