Padding is the space inside of elements while margins are the space between elements. You will learn their basic syntax and how they work together.
- [Woman] Now that we've taken a look at the box model…I want to take a moment to familiarize you with some…individual properties of the box model.…And I'm going to start with margins and padding.…So, padding is that space inside of elements that hold…the contents of an element away from it's edge.…You can specify padding in several ways.…First, you can define padding individually for each…side of the element, top, right, bottom and left.…Now keep in mind however that setting padding in only…one direction is not the same as…setting padding to zero in the others.…
For instance, if I set the padding top, to 10 pixels,…that doesn't necessarily mean that all those other…padding properties are zero.…Remember, there may be some default browser styles at play.…You can also use a shorthand notation when defining padding.…And there are four variations on this.…First, we can define four separate values…separated by white space.…Now these values are going to apply in…the order of top, right, bottom, left, respectfully.…
- 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.