• CSS stands for Cascading Style Sheets.
• CSS elements are represented with declarations.
• Declarations start with a selector, which tells your browser which HTML elements you are styling.
• After the selector, there is an opening curly bracket, followed by a property name.
• Then, there is a colon, a space (optional), a value, and then a semicolon.
• Each declaration block can have more than one declaration in them, separated by semicolons.
• Declaration syntax: selector {property: value;}
• Example: p {color: green; font-size: 14px;}
• The above example would tell all HTML <p> tags to change their color to green and set their size to 14px.

• More on selectors:
• Use a tag name to affect all of those tags.
• Use a hash (#) before an id to target the element with that id.
• Use a period before a class to target the elements with that class.
• You can also combine them! For example, if you have a tag name and a class name separated by a period, it will target all tags with that class.
• You can target multiple different selectors by separating them with a comma.

• CSS Comments:
• Comments are used to explain code, and may be used for when you need to change something at a later time.
• They are ignored by browsers.
• Comment syntax: /* Comment here */

• How to include CSS in HTML?
• Choose one of the two options below to insert CSS code in an HTML document.
• 1. Insert it into your document between style tags (<style> and </style>).
• 2. Include the following code in the head section of your HTML document, but replace "mystyle.css" with the location of your stylesheet: <link rel="stylesheet" type="text/css" href="mystyle.css">

Meaning and Usage

• <style> and </style> contain the CSS.
• 'div#hello-world' targets any div with the id of 'hello-world'.
• 'p' simply targets all p tags.
• '.small' targets everything with the 'small' class.
• Each of the classes add different modifiers, including the background color, text color, and font size.