Chapter 7 Reading! all about margins, padding and borders.
Padding- is the space between the content and the content’s border, Padding is what separates a photo from the border that frames the photo
Border- is the line that’s drawn around each edge of the box. You can have a border around all four sides, on just a single side, or any combination of sides
Background-color-fills the space inside the border, including the padding area
Margin- is what separates one tag from another. The space that commonly appears between the tops and bottoms of paragraphs of text on a web page, for example is the margin.
Paddings and Margins work pretty much the same, but a border makes all the difference. Padding adds space between the content and the border, and keeps the content from appearing cramped. Margins add white space (gutter) between elements. Pixels and ems are used to set the size of the margins and paddings.
A shortcut for doing margins and paddings is using TRBL, (top, right, bottom, left)
Also, there are so many different ways to do borders on your webpages I learned. Creating round corners is also a new thing I learned, Using the “border-radius” tag you can get your corners as round as you want them.
For box-shadows: the first value is a horizontal offset, the second value is the vertical offset, and the third value is the radius of the shadow (how blurry it is.)
I think I’m starting to get a good idea of coding…