Difference between revisions of "Css tools exemples"
Jump to navigation
Jump to search
TheSevenSins (talk | contribs) m |
TheSevenSins (talk | contribs) |
||
| (4 intermediate revisions by the same user not shown) | |||
| Line 2: | Line 2: | ||
* Div = all uses containers, think of it as a basic box. yes, you can put a box in a box in a box... | * 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 | * 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 | + | * br = adds a blank space. it is how you create space when you can't use padding (space inside a box) and margin (space outside a box) |
| − | + | <br> | |
| + | To make requests, go too this page discussion tab [[Talk:Css_tools_exemples|here]] | ||
<br> | <br> | ||
| Line 61: | Line 62: | ||
<p>Box test!</p> | <p>Box test!</p> | ||
</div></nowiki> | </div></nowiki> | ||
| + | |||
| + | === HC main box styling === | ||
| + | |||
| + | <h2 class="HeadingBoxes" >Standard box</h2> | ||
| + | |||
| + | Code: <nowiki><h2 class="HeadingBoxes" >Text</h2></nowiki> | ||
| + | <br> | ||
| + | Centered: <nowiki><h2 class="HeadingBoxes centered_text" >Text</h2></nowiki> | ||
Latest revision as of 13:50, 15 November 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 can't use padding (space inside a box) and margin (space outside a box)
To make requests, go too this page discussion tab here
Contents
Text Shadow
spooky!
Code: <p class="shadow"> spooky! <p>
Box
Box test!
code: <div class="box"> <p>Box test!</p> </div>
Box shadow
Box test!
Code: <div class="box box_shadow"> <p>Box test!</p> </div>
Center text
Box test!
Code: <div class="box centered_text"> <p>Box test!</p> </div>
Round box
Box test!
Code: <div class="round_box centered_text"> <p>Box test!</p> </div>
Inverted
Box test!
Code: <div class="box centered_text inverted"> <p>Box test!</p> </div>
HC main box styling
Standard box
Code: <h2 class="HeadingBoxes" >Text</h2>
Centered: <h2 class="HeadingBoxes centered_text" >Text</h2>
