- CSS Padding
Padding is used to generate space around an element’s content, inside of any defined borders. padding: top right bottom left; padding: 10px 10px 25px 20px; top has 10px padding right has 10px padding bottom has 25px padding left has 20px padding padding: top right/left bottom; padding: 10px 25px…
- CSS Text
Text color <div class=”row”> <div class=”col-4″> <h4>Text Color</h4> </div> <div class=”col-8″ id=”textColor”> Hi my name is Folau. color property is used to set the color of the text </div> </div> <style> #textColor{ color: blueviolet; } </style> Text alignment <div class=”row”> <div…
- CSS Colors
Background Color You can set the background color for HTML elements. <div class=”row”> <div class=”col-3″> <h4>Background Color</h4> </div> <div class=”col-9″ id=”backgroundColor”> Hi my name is Folau </div> </div> <style> #backgroundColor{ background-color: grey; } </style> Text color You can set…
- CSS Selectors
A CSS selector is the part of a CSS rule that describes what elements in a document the rule will match. The matching elements will have the rule’s specified style applied to them. There are 5 categories of selectors: Simple selectors (select elements based on name, id, class) Combinator selectors…
- CSS Box Model
All HTML elements can be considered as boxes. In CSS, the term “box model” is used when talking about design and layout. The CSS box model is essentially a box that wraps around every HTML element. It consists of: margins, borders, padding, and the actual content. The image below illustrates the…