Making Sense of the CSS Box Model
Offered By: LinkedIn Learning
Course Description
Overview
Review the core concepts of the CSS box model, including techniques such as styling text and images, floating content, using display properties, and positioning elements.
Syllabus
Introduction
- Making sense of the CSS Box Model
- Displaying information through the web
- The web is made of boxes
- Designing with boxes
- Understanding the basics of type
- Change the type, change the box
- Text flow in the box
- What is the CSS Box Model?
- Changing the contents within the box
- Understanding the display porperty
- Sidebar: Images are inline elements
- Position is everything
- Floating and clearing content
- Using the clearfix
- Pseudo elements: Making the browser hallucinate
- Modern layout modules
- Flex: Content-based layouts
- Flex in depth
- Grid: Layout-based layouts
- Grid in depth
- Shapes
- Going further with CSS and web standards
Taught by
Morten Rand-Hendriksen
Related Courses
Introduction to CSS3University of Michigan via Coursera Основы HTML и CSS
Moscow Institute of Physics and Technology via Coursera Aprende Efectos CSS3
Udemy CSS Selectors Course (How To)
Treehouse HTML & CSS Crash Course Tutorial
Net Ninja via YouTube