An Embedded Style for a Page

Domain Hosting image
Web Hosting
Dedicated server
ssl certificate
Web Design image
Email
An embedded style sheet is set of style definitions placed within <STYLE> tags and located between the head and body of the document. It sets the style attributes for the entire page.

Be sure you place the <STYLE> tags in the proper place immediately after <HTML> and before <BODY>. The style is similar to what you just saw in the inline styles. The exact syntax is covered in more details as you work through the website.
HTML> <HEAD>
<TITLE> AN EMBEDDED STYLE SHEET</TITLE>
<STYLE> BODY (background:#OOOOFF; color:#FFFFOO;
margin left:0.5in; margin right.0.5in}

H2 {font size.18pt; color:#FFOOOO; background:#FFFFFF}
P {font size: 12pt; text indent:0.5in}
</STYLE>
<BODY>

<H2lD="H2_1 ">THIS HEADING IN RED ON A WHITE BACKGROUND.</H2> All text is yellow on a blue background.<BR>
The text is not indented, except for the margins.

<PID="P_1">
This text is indented.
</BODY>
</HTML>
When you want to change these styles with dynamic html, the styles are expressed in the object model with the same syntax as inline styleobject. style. fontsize. For the example in this section it's H2_1. style. fontize, H2 1. style. color, H2_1.style. background, and so on



Domain Name Search

www.


Copyright (C) 2007. Web Domain design hosting. All rights reserved.