|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/css-master-course/
课程评论：没有评论
CSS 精通课程：面向初学者 本课程将带您从 CSS 的基础知识到高级技巧。您将学到创建复杂布局和优雅设计所需的一切。课程中将完成 4 个独特的 CSS 项目。 **课程地图：** * **第二部分：基础 CSS** * 从零开始，详细解析 CSS 规则和基本选择器。 * 掌握修改网页字体和背景元素的所有必要技能。 * **第三部分：盒模型** * 深入理解 CSS 盒模型，这是创建布局的关键概念。 * 学习设置 HTML 元素的宽度和高度。 * **第四部分：CSS 单位** * 学习使用相对单位，使项目更易于维护，突破像素单位的局限。 * **第五部分：定位** * 简化复杂的 CSS 定位属性，如 floats、absolute positioning、vertical-align 等。 * 掌握创建几乎任何所需布局的技巧。 * **第七部分：高级选择器** * 学习各种 CSS 选择器及其组合用法，创建更精确的选择。 * 介绍伪类和伪元素。 * **第九部分：响应式设计** * 学习使用 CSS3 媒体查询，根据屏幕尺寸改变页面布局，实现现代网页设计。 * **第十一部分：动画与过渡** * 学习 CSS 过渡（如平滑的悬停效果）和 CSS 关键帧动画（如页面加载时播放的动画）。 * 使用 transform 属性。 * **第十三部分：奖励内容** * 探索 CSS 变量、渐变、阴影、滤镜等更多有趣的概念。 如果您对课程有任何疑问，请随时与讲师联系。
This course will take your CSS skills from the absolute basic to advanced. You'll learn everything you need to know to create complex layouts and elegant designs. During the course, we'll create 4 unique CSS projects, those projects will be covered in sections 6, 8, 10 and 12.Course MapSection 2) Basic CSS - This is the first real section of the course. This section starts off by assuming 0 knowledge of CSS. As so, I will start off by breaking down in detail the concept of a CSS rule and then move on to basic selectors. Before the end of this section you'll have all the skills necessary to alter and typographic and backgrounds elements of your web pages.Section 3) The Box Model - This section will breakdown the CSS box model. The box model is perhaps the most important concept that a web developer must understand before they can start creating any sort of layouts. I'll also cover in this section how to set the height and width of HTML elements.Section 4) CSS Units - Up until this section we'll have only used pixels for unit sizes. Pixels are great for some things, but not optimal for everything. This section will show you how you can use relative units to make your projects easier to maintain.Section 5) Positioning - CSS positioning can be a pretty complex thing, but it doesn't have to be. This section will simplify many of the more complicated CSS properties. Most notably things like floats, absolute positioning, vertical align, etc. After this section, you'll have the tools to create nearly and layout you'll ever need to create.Section 7) Advanced Selectors - CSS offers many different types of selectors and also allows combining those selectors to create an even more specific selection. This section will also introduce you to pseudo classes & pseudo elements.Section 9) Responsive Design - This section is short, but super important for modern web design. After this section you'll be able to use CSS3 media queries to drastically alter the layout of your pages based off the size of the screen currently viewing it.Section 11) Animations & Transitions - This section will breakdown CSS transitions and CSS key-frame animations. CSS transitions will give how hover effects a much smoother transition and can be a great way to add some life into your web pages. Key-frame animations are more about creating animations that play when the page loads. This section will also show you how to use the transform property.Section 13) Bonus - The final section of the course will go over many of the more "fun" CSS concepts that didn't fit anywhere else in the course. Including CSS variables, Gradients, Shadows, Filter, and much more.If you have any questions about the course, feel free to message me. I usually reply very quickly, if anything I'll get back to you as fast as possible. I hope to see you in the course!
