From the course: Practical CSS for No-Coders
Unlock this course with a free trial
Join today to access over 25,300 courses taught by industry experts.
Working with border, padding, and margin in CSS
From the course: Practical CSS for No-Coders
Working with border, padding, and margin in CSS
- [Instructor] Now that you have heard a little bit about border padding and margin, let's try applying it to our webpage as it currently exists. And so at this point in time, I've added an image to the page here and you can see some weirdness going on. One of the things is those background leaves that we had here, we placed them 97% of the way down the page work great when everything fit on one page. Now they sort of wind up here instead of all the way down at the bottom. So we have a little bit of an adjustment to make for that. And we also want to address some of the spacing issues that we have here. For example, why is H Plus Sport not going all the way to the top of the webpage? Why is there a little bit of a gap here? Why can't these bars go all the way across the page? We have a bunch of little things like that that we'd like to fix. And so I'm going to start at the body element here for our webpage. And…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
(Locked)
Understanding type in CSS3m 15s
-
(Locked)
Applying type formatting with CSS4m 59s
-
(Locked)
Understanding and applying size in CSS6m 17s
-
(Locked)
Understanding the box model in CSS3m 52s
-
(Locked)
Working with border, padding, and margin in CSS12m 3s
-
(Locked)
Challenge: Add styling to this page1m 50s
-
(Locked)
Solution: Add styling to this page6m 9s
-
(Locked)
-
-