link to hitmill.com home page


CSS Tutorial: Internal Style Sheet

This is a CSS tutorial about the internal style sheet for a Web page. Each HTML document may have only one internal style sheet but may also link to external style sheets.

Color Values

Color may be expressed as a named color or as an RGB value preceded by the octothorp (pound sign,#). No quotations are used for CSS color property values. We will learn about external style sheets in the next lesson.
A good reference of the hexidecimal values for colors:
Hexidecimal Values for Colors

Paragraph Considerations

When using P as a selector for paragraphs in CSS rules you must also close each HTML paragraph with the </P> or the CSS rule will not work.
In the head section style sheet (internal CSS rule) code this:
<style type="text/css">
P{color:navy; text-align:justify; font-size:11pt; line-height:1.6;
font-family:"Lucida Sans Unicode",Helvetica,sans-serif;}
then, code other rules, close the style tag in the head section.
In the body section, code the opening and closing paragraph tags, in order for the paragraph rules to apply.
<p>Paragraph content between paragraph tags</p>
The CSS rules and the HTML coding is not case sensitive. Do not worry about white space in the coding of the HTML nor the coding of the Cascading Style Sheets rules. Break the lines where you like. Remember that it will be easier to edit your code later if you do not allow the text to wrap off the viewing area in the editor program or text editor.
TIP: A text editor called EditPlus is easy to use, has free trial downloads available, and supports several technologies such as HTML 4.0, CSS, JavaScript, ASP, VBScript, and more. Read about EditPlus at the above link.



Updated 11 April 2006
© hitmill.com
All Rights Reserved