ESSENTIAL

ul and ol HTML has a special element for creating unordered lists, or bullet point-style lists. Unordered lists start with a

element. Then they contain some number of
• elements.

Ordered lists, or numbered-style lists. Ordered lists start with a

element. Then they contain some number of
1. elements.

img: border-radius 50%

space Three important properties control the space that surrounds each HTML element: padding, margin, and border. An element's padding controls the amount of space between the element and its border. Here, we can see that the green box and the red box are nested within the yellow box. Note that the red box has more padding than the green box. When you increase the green box's padding, it will increase the distance between the text padding and the border around it. An element's margin controls the amount of space between an element's border and surrounding elements.

An element's margin controls the amount of space between an element's border and surrounding elements. If you set an element's margin to a negative value, the element will grow larger.

override So when you absolutely need to be sure that an element has specific CSS, you can use !important remember that our pink-text class was overridden by subsequent class declarations, id declarations, and in-line styles. .class{} < style= < id= < !important

html span vs div The difference between span and div is that a span element is in-line and usually used for a small chunk of HTML inside a line (such as inside a paragraph) whereas a div (division) element is block-line (which is basically equivalent to having a line-break before and after it) and used to group larger chunks of code.

Clear format

    * {
  margin: 0;
  padding: 0;
}

em : times of font-size % : parent node percentage rem : Equal to the computed value of font-size on the root element. When specified on the font-size property of the root element, the rem units refer to the property’s initial value. This means that 1rem equals the font size of the html element (which for most browsers has a default value of 16px).