#100DaysOfWeb in Python Transcripts
Chapter: Days 13-16: CSS Layout and Design
Lecture: Concept: Controlling the box in CSS
Login or
purchase this course
to watch this video and the rest of the course contents.
0:00
Let's review how we control the box layout in CSS. So we have our CSS file over here. site.css, and we're going to apply this to the lead.
0:11
Now this has to be something like block or inline-block for display, otherwise it doesn't work. And then we just set things like the padding.
0:19
I'm going to say padding all the way around is 5. Oh except for the left, make that 10. Now we say the margin all the way around is 5 as well.
0:26
Then we can set a border by saying the width the style, it could be dashed or solid things like that, and then the color.
0:34
Right, so that could be hexadecimal or something written out that CSS and web browsers understand, like white, gray, black, so on.
0:41
On the padding one here, there is a way to specify I want, and one line padding is like 5, 5, 5, zero, sorry, 5, 5, 5, 10 something like that.
0:52
And I always forget, is it top and bottom left and right, left, top, bottom, right. Whatever it happens to be. So I'd like to be more explicit
1:00
and you know, explicitly call out when I'm doing something funky like setting the left to be different. But other people like to mix it all together.
1:08
Right, whatever works for you. Feel free to roll with that.