|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/css-flexbox-m/
课程评论：没有评论
课程名称：使用CSS Flexbox构建现代网页布局 课程概述：在过去，构建功能性和响应式网页布局需要大量的JavaScript和CSS浮动技巧，甚至还要使用各种黑客方法。随着Flexbox的出现，这一切都变得轻松起来。此在线课程将使您迅速掌握最新版本的Flexbox，介绍更好的功能，并帮助您以实践操作的方式深入理解Flexbox。 您将学习以下内容： - 创建和管理CSS Flexbox布局 - 深入了解构建CSS Flexbox布局 - 轻松快速地构建复杂布局，减少代码量 - 制作灵活的响应式布局，无需黑客技术或媒体查询 - 控制弹性间距、对齐和定位 - 从新的角度看待CSS和网页开发 课程目标：本课程适合对HTML和CSS有一定了解，并能够手动编码和浏览代码的学习者。课程强调深入的实践培训，帮助您掌握构建和管理基于CSS的功能性网页布局的最新技术。课程开始时将介绍Flexbox的基本概念和术语，以及您需要了解的其他基础知识。接下来的课程将逐渐加深，涵盖弹性容器、流向、弹性宽度、轴间距和对齐、元素的灵活性、嵌套弹性容器等内容。每个部分都有实操练习和小测验，以巩固您的知识。 如果您想进一步提升HTML、CSS和网页设计技能，学习最新的CSS网页布局技术，或者希望掌握用最少代码构建响应式移动布局的秘诀，那么这个在线课程绝对不容错过。 关于Flexbox：Flexbox（CSS弹性盒子）是CSS中的一种布局模式，允许设计师快速轻松地构建和管理网站布局。您可以排列每个页面元素，并在不同的屏幕尺寸（如桌面、移动设备、平板）和显示设备上进行测试，以确保您的代码表现良好。它旨在取代浮动和表格布局技巧，极大简化了设计师和开发者的工作。
Once upon a time building functional, responsive web layouts required hacking, lots of JavaScript, and more than a few CSS floats. Then came Flexbox, a layout mode for CSS that got rid of all the headaches. This online course will get you up to speed on the latest version, introduce you new even better features, and help you get to grips with Flexbox in a hands-on, practical way. Create and Manage CSS Flexbox Layouts Take an in-depth look at building CSS Flexbox layouts Build intricate layouts with minimal code, quickly and easily Develop flexible, responsive layouts without code hacking or media queries Control flex spacing, alignments and positioning Gain a new perspective on CSS and web development Learn Fundamental Flexbox Concepts This course is intended for those who have a working knowledge of HTML and CSS, and who are comfortable coding by hand and navigating through code. With an emphasis on in-depth, hands-on training, you'll learn the latest techniques for building and managing functional CSS-based web layouts. To start off, you'll be introduced to fundamental Flexbox concepts and terminology, as well as the other essential knowledge you'll need to know before going further. From there, the lessons get progressively more hands-on and challenging. You'll cover flex containers, flow axis directions, flex widths, axis spacing and alignment, establishing element flexibility, working with nested flex containers, and more. Each section includes a practical exercise to put your skills to the test, and a quiz to help compound your knowledge. If you want to push your HTML, CSS and web design skills further, if you want to learn the latest in CSS web layout techniques, or if you just want to know the secret to building responsive, mobile layouts with minimal code, then this online course is a must. About Flexbox Flexbox, or the CSS Flexible Box, is a layout mode in CSS that allows designers to build and manage website layouts quickly and easily. Arrange each page element and test on different screen sizes (i.e. desktop, mobile, tablet) and display devices to ensure your code behaves accordingly. It was created to replace float and table layout hacks, making life much easier for designers and developers everywhere.
