CSS File
H1 {font-family: Arial, Helvetica, sans-serif;
font-size: large; color: #6699CC;
background-color: #F0F0F0; font-variant: small-caps}
P {font-family: Arial, Helvetica, sans-serif;
font-size: 12px; color: #000033;
font-weight: normal; font-variant: normal}
When in the Course of human events, it becomes necessary for one people to dissolve the political bands which have connected them with another, and to assume among the powers of the earth, the separate and equal station to which the Laws of Nature and of Nature's God entitle them, a decent respect to the opinions of mankind requires that they should declare the causes which impel them to the separation.
HTML Text
<H1>The Declaration
of Independence</H1>
<P>When
in the Course of human events, it becomes necessary for one people to dissolve
the political bands which have connected them with another, and to assume
among the powers of the earth, the separate and equal station to which the
Laws of Nature and of Nature's God entitle them, a decent respect to the
opinions of mankind requires that they should declare the causes which impel
them to the separation.
If the HTML file has a reference to a CSS file, the browser reads the style definitions in the external Cascading Style Sheets and applies them to the HTML elements before the page loads into the browser window.
CSS files consist of selectors (H1 and P in the example), and declarations (specific style instructions such as font-family and background-color). To see how this works, click and drag the CSS File (which uses the CSS from this course) to the HTML text...