CSS Syntax

A CSS rule set contains a selector and a declaration block.

Explanation:-

The above whole block with {}, is a declaration block. Here, p is the selector, color is the property, and "#333333" is the value of this property.

• Selector: Selector indicates the HTML element you want to style. It could be any tag like <p>,<h1>, <title>, etc.
• Declaration Block: The declaration block can contain one or more declarations separated by a semicolon.
• Property: A Property is a type of attribute of an HTML element. It could be color, border etc.
• Value: Values are assigned to CSS properties. In the above example, value "#333333" is set to color property.

Case Sensitivity in CSS

CSS property names and many values are not case-sensitive. Whereas, CSS selectors are usually case-sensitive, for instance, the class selector .headerblock is not the same as . headerBlock.

Therefore, to be safer, you should assume that all components of CSS rules are case-sensitive.