In the first section of the course, we’ll learn about CSS syntax, how to style certain HTML elements using CSS selectors, changing the text on our page, using different colors, changing default link styling, adding background images, working with borders, changing heights and widths of elements, changing spacing with margins and paddings, and making parts of your page see-through.
In the second section, we’ll apply everything we learned in CSS 101 and get our hands dirty with more advanced CSS. This includes understanding the display property, the box model, outlines versus borders, specific element positioning, advanced CSS selectors, pseudo selectors and pseudo-elements, transitions, animations, flexbox, and CSS grid.
In the final section, we’ll learn about responsive web design. This is how we make websites look great on all devices, including phones, tablets, laptops, desktops, TVs, and more.
We’ll also dive right into media queries and what mobile-first means and why it’s important. Then we’ll make images and video embeds responsive. And we’ll finish the course with a final project where you make a flexbox (or CSS grid) page layout and then transform it into a responsive website so that it looks amazing on smaller devices, such as a phone.
The code bundle for this course is available at https://github.com/PacktPublishing/CSS-for-Everybody-From-Beginner-to-B…
Build modern-looking websites using CSS
Learn about display properties and CSS selectors
Position specific elements optimally using CSS grids and flexbox
Learn to create animations and smooth transitions
Build responsive web pages
Explain the concept of media queries