block style
-Set the left and right margins to auto
-Padding is the space between the content and the border, whereas margin is the space outside the border.
-Fixed position specifies the positioning of a element with respect to the window. Absolute 's offset is relative to its “containing block”.
-Clearfix will apply a small bit of content, hidden from view, after the parent element which clears the float or an element.
-======= -- Div tags' default display styles are blocks.
-What is the best way to horizontally style an element? -
-- - The differance between padding and margin is. - padding is the space between the content and the border, margin is the transparent part - that seperates the border from other items
-- - Fixed elements do not move in a browser, absolute positions are positioned relative to the parent element
-- - - "Clearfix" is a method used to fix child elements
->>>>>>> 60e81153ba7c46b8b8e8c59db90b4753f8717219 -======= -div's are static unless otherwise specified
-auto margin will split the margin space equally on both sides
-padding is the space around an element whereas margin is the space between elements. like if I had HELLO inside a box, the space around HELLO is padding. the space around the box is margin.
-fixed positioning doesn't move as you scroll. absolute positioning acts similarly to fixed except it's position is relative to a parent element. if none are nearby, it uses the document's body.
-dirty trick for fixing an element who's image is taller than the container it's in.
-<<<<<<< HEAD ->>>>>>> b5af4ab9cb8550a89245310b0417f9cbc3b41bb6 -======= ->>>>>>> a0ed64614b7db53b94c3755a01320725ba8cfcd5 ->>>>>>> 60e81153ba7c46b8b8e8c59db90b4753f8717219 -======= -div's display is block
-Kind of depends, but [margin: 0 auto] is good
-The Content is the nucleus and sits at the center. - The first layer surrounding it is the Padding and it clears the area and protects the content. The Border surrounds the padding. - Lastly, the Margin surrounds all 3 is transparent and can be thought of as the space between boxes
-Absolute position elements are removed from the flow of elements on the page. An element w/ this type of positioning is not affected by/doesn't affect other elements. A fixed position element is positioned relative to the viewport, which doesn't change when the window is scrolled.
-If you are floating an image, for examoke, and an element next to it has a border that looks ugly by running behind it, using [overflow: auto] under a "clearfix" class in a [div] tag - will smooth it out and make the border appear around the image as well.
->>>>>>> b43b67dc5a64a14d7c4641060b177d299c360233 -