A Linked Cascading Style Sheet

Domain Hosting image
Web Hosting
Dedicated server
ssl certificate
Web Design image
Email
It's called a linked style sheet because all of the style definitions sit in one file, and the actual html page creates a link to it when the page is loaded.

1 . Begin with a blank page in your html editor.
2.Start by inserting a <STYLE> tag and its corresponding </STYLE> container tag:

<style>

</style>
Place the style definitions between the tags the same way you did for the
embedded style sheet.
<STYLE>

BODY {background:#00OFF; color: #FFFF00, margin 1eft. 0.5in; margin right. 0.5in}
H2 {font size: 18pt; color. #FF0000; background. #FFFFFF}
P{font size. 12pt; text indent. O.5in} </STYLE>

4. Now, instead of saving your work as an HTML file, save it with the extension.css. For this example, the entire name is master_style.css.

 

The next set of steps integrate the master file with an HTML page. Repeat this process for any pages that use the same style definitions.

Select an existing html to which you want to apply the master style.

<HEAD>
<TITLE>A Linked Style Sheet</TITLE>
</HEAD>
<BODY>
<H2>This is a heading.</H2>
<p>I am suffocating with lots of DHTML</p>
</body>
</HTML>

 

 

Place the following line within the <head>tag, below the <title>:
<link rel=stylesheet href="master_style.css" type= "text/css" >
The <link> tag identifies another file that is related in some way to the current page, The complete header now looks like this:
<head> <title> A linked style sheet <title>
<link rel=stylesheet href="master style.css" type= "text/css > </head>
Save the file as linked.html. All of the affected tags within the Web page will be interpreted according to the styles you've set forth in the css file. Like the inline and embedded style sheets, all styles are accessible to scripting languages through the object. style. styleAttribute syntax in the Document Object Model.



Domain Name Search

www.


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