Topic 1 – CSS Rule Naming Conventions
CSS rules are comprised of two main parts: the selector and declaration. The selector includes the element the rule is pertaining to. For example, if the rule is p {color: green}, the selector is paragraph. Header, main, article, and footer are also considered selectors. The declaration can be broken in two parts: a property and value. Referring to the example above, the property is “color” and the value is “green”. The property determines what element will be changed. The value explains what the element will be changed to.
Topic 2 – Pseudo-Class
There are two types of pseudo-classes: UI (User Interface) pseudo-classes and Structural pseudo-classes. UI pseudo-classes are mostly used with hyperlinks. They enable changes to be made to a link’s color, adding or removing an underline, or adding informational panels. Structural pseudo-classes allow styles to be added to the structure of the markup.
Topic 3 – Color Values
There are multiple ways to add color to a style sheet. One option for adding color is by typing out the color name (e.g., red). Using a hexadecimal is another option, (e.g., #ff8800-orange). When using this method, a hash symbol always goes first. Another option is using RGB numerical values. The elements are based on a value ranging from 0 to 255, for example rgb (0, 255, 0) is green. RGB percentages is another method and is similar to RGB numerical values.