Difference between revisions of "Css tools exemples"
Jump to navigation
Jump to search
TheSevenSins (talk | contribs) |
TheSevenSins (talk | contribs) |
||
Line 1: | Line 1: | ||
+ | Notes: | ||
+ | * Div = all uses containers, think of it as a basic box. yes, you can put a box in a box in a box... | ||
+ | * P = Paragraph. Its a box who is specified too contain text. This is what you want too use too separate texts | ||
+ | * br = adds a blank space. it is how you create space when you do not know how too use padding (space inside a box) and margin (space outside a box | ||
+ | |||
+ | <br> | ||
+ | |||
=== Text Shadow === | === Text Shadow === | ||
<p class="shadow"> spooky! <p> | <p class="shadow"> spooky! <p> | ||
Line 22: | Line 29: | ||
<div class="round_box centered_text"> | <div class="round_box centered_text"> | ||
+ | <p>Box test!</p> | ||
+ | </div> | ||
+ | |||
+ | === Inverted === | ||
+ | <div class="box centered_text inverted"> | ||
<p>Box test!</p> | <p>Box test!</p> | ||
</div> | </div> |
Revision as of 18:53, 30 October 2019
Notes:
- Div = all uses containers, think of it as a basic box. yes, you can put a box in a box in a box...
- P = Paragraph. Its a box who is specified too contain text. This is what you want too use too separate texts
- br = adds a blank space. it is how you create space when you do not know how too use padding (space inside a box) and margin (space outside a box
Text Shadow
spooky!
Box
Box test!
Box shadow
Box test!
Center text
Box test!
Round box
Box test!
Inverted
Box test!