There are many variables in the visual display of an HTML document: fonts, colors, spacing, and so on. The CSS standard enumerates these variables and calls them style properties. CSS defines properties that specify fonts, colors, margins, borders, background images, text alignment, element size, and element position. To define the visual appearance of HTML elements, we specify the value of CSS properties. To do this, follow the name of a property with a colon and a value:
In order to fully describe the visual presentation of an element, we usually need to specify the value of more than one property. When multiple name:value pairs are required, they are separated from one another by semicolons:
/* left margin is 10% of page width */
/* indent by 1/2 inch */
/* 12 point font size */
As you can see, CSS ignores comments between
*/. It does not support comments that begin
There are two ways to associate a set of CSS property values
with the HTML elements whose presentation they define. The first is by
style attribute of an
individual HTML element. This is called the inline style:
"margin: 20px; border: solid red 2px;"
>This paragraph has increased margins and is surrounded by a rectangular red border.
It is usually much more useful, however, to separate CSS styles from individual HTML elements and define them in a stylesheet. A stylesheet associates ...