CSS

References

• Traversy media - Brad Traversy youtube channel
• KhanAcademy
• w3schools

Requirements

• A Good Browser
  • Recommended
    • Chrome, Firefox, Safari,
  • Others
    • Opera, Edge etc.,
• A text editor
  • Pick one you like!
  • Simple ones:
    • Notepad, Notepad++, Leafpad, gedit, Kate, etc.,
  • Fancy ones:
    • Atom, Sublime, Visual Studio Code, Webstorm etc.,

Quick tip: You can view the source code of the webpage inside a web browser. Also, there are developer tools in Chrome (press F12) (console, elements tab, etc.,) that are particularly useful while developing webpages to look at the various parts of the webpage and also to catch errors while using and running JavaScript and or PHP code

Confusing definitions

Border:

A border is a line/enclosing around the element. Imagine it to be the fence or a compound wall around a building.

Padding:

The space between the element and the border. Imagine it to be the space between the fence and the building.

Margin:

The space around the border of an element.