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