- CSS Specifity
If you have two (or more) conflicting CSS rules that point to the same element, there are some basic rules that a browser follows to determine which one is most specific and therefore wins out. More specific = Higher precedence If the selectors are the same then the last one will always take…
- CSS Display
display property is the most important CSS property for controlling layout. Block-level elements A block-level element always starts on a new line and takes up the full width available <div class=”row”> <div class=”col-3″> <h4>Display block-level element</h4> <div>A block-level element always…
- CSS Float
Float float property specifies how an element should float. It’s used for positioning and formatting content. float-left The element floats to the left of its container <div class=”row”> <div class=”col-4″> <h4>Float left</h4> </div> <div class=”col-8″ id=”floatLeft”> Hi my name is Folau <img…
- CSS Borders
Border border properties allow you to specify the style, width, and color of an element’s border. border: width style color; <div class=”row”> <div class=”col-4″> <h4>Border 1</h4> <div><strong>border:</strong> width color style</div> <div><strong>style:</strong>…
- 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…