How does a simple CSS style rule look ?
P { font-family: serif; font-size: 1.2em; } Here we see a rule with a ‘selector’ P that has been given two style declarations, i.e. two ‘property:value’ pairs. ‘font-family’ and ‘font-size’ are properties of the content of element P , and these properties are assigned the values of ‘serif’ and ‘1.2em’ respectively. A colon ‘:’ is the value assignment symbol in CSS, so using an equal sign ‘=’ instead is an error and is required by the CSS specification to be ignored. Any browser that appears to honor this style is behaving improperly. For length values a ‘unit’ is always needed and there shall never be any space between a number and its length unit. A value given as e.g. ‘1.2em’ is an error and is required by the CSS specification to be ignored. Any browser that appears to honor this style is behaving improperly. A semicolon ‘;’between declarations is required but it’s also good “rule of thumb” to put a ‘;’ even after the last declaration. Finally, curly braces ‘{…}’ group one or more d
