Day 26 of #100DaysOfCode…

Topics: Text-decoration,Box-model,margin,paragraph spacing..

Text-Decoration: The (3) main text decoration are line-through,overline and underline ,if u want an element to inherit the style of the parent element then we can use the inherit keyword.

Box-Model: this is a way that elements represent themselves on a page in terms of space.

the above is a HTML document with two div’s that has a class of box,am gonna try and use this to style in with css.

Here we can see that i gave it a margin of 30px(Note: margin is for spaces outside the element)…
also gave it a padding of 30px(Note: padding for spaces inside the element)…basically the above styling will give rectangle shape.

Paragraph-spacing: this is just the spaces between paragraph..lets say we have 5 (p tags) and we dont want all of them to be too clustered or close to each other we can do the below.

The margin-bottom there those the magic,it will give each of the p tags a space of 30px from the bottom.