Maybe some of this stuff will make more sense if presented visually? |
<p> | This is a paragraph. | </p> | <br /> | |
opening tag | content | closing tag | tag | |
element | element | |||
(no content) |
< | p | id | = | " | firstCar | " | > | < | / | p | > | ||
tag name | attribute | value | |||||||||||
tag |
selector | { | property | : | value | ; | property | : | value | ; | property | : | value | ; | } |
p | { | color | : | blue | ; | background-color | : | yellow | ; | border | : | dashed | ; | } |
declaration | declaration | declaration | ||||||||||||
definition | ||||||||||||||
rule |
{ | opens the definition |
: | separates a property from its value |
; | separates declarations |
} | closes the definition |