The CSS box model is the foundation of layout on the Web. It describes the rules surrounding the physical properties of all HTML elements.
- [Narrator] The CSS Box Model truly is…the foundation of layout on the web.…Without understanding the Box Model, almost every task…related to the physical relationships of elements…would be more difficult.…If, on the other hand,…you have a thorough grasp of the Box Model,…tasks like page layout become much easier.…So what is the Box Model?…Well the Box Model is the term used to describe the rules…surrounding the physical properties of all HTML elements.…Basically, you can think about it this way.…Every single element on your webpage…is considered to be in a rectangular box.…
And the properties of this box,…its width, the height, the padding, and margin…define not only the size of that element,…but also how it relates to the elements around it.…Let's start with the basics,…those properties that make up the Box Model.…Now here we've got a visual representation…of an element's box, and this could be a paragraph,…a heading, a list item, it doesn't matter.…Really what we're just highlighting here is that…the Box Model refers to every element on a page.…
- What is CSS?
- Understanding how CSS works with HTML
- Applying fonts
- Understanding the classic box model
- Setting margins and padding
- Positioning elements
- Basic CSS layout concepts
- Media types and media queries
- Working with CSS frameworks and CSS grids
- Creating responsive layouts
- Tools that help you write and maintain CSS
Skill Level Beginner
1. CSS Basics
2. CSS Specifications
3. Common CSS Concepts
4. CSS Layouts
5. Working with CSS
6. Responsive CSS
7. Going Further with CSS
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.