Home Html Cascading Style Sheet(CSS)



Cascading Style Sheet(CSS)
Posted on: December 3, 2008 at 12:00 AM
Cascading Style Sheet (CSS) is known as style sheet language, define the presentation of a document written in a markup language.

Cascading Style Sheet(CSS)

     

Cascading Style Sheet (CSS) is known as style sheet language, define the presentation of a document written in a markup language. The application of style sheet is to style the web pages written in HTML and XHTML,but the language can be applied to be any kind of XML document, includes SVG and XUL.

Understand with Example.

The Tutorial illustrates an example from Cascading Style Sheet in HTML. In this Tutorial, the code create a stylesheet and applied it to a HTML page. For this, we  create a short CSS style sheet stored in a file "link.css". The code sets the text color of paragraph to red ,background color to lightgrey. Now we create a HTML page. Inside the HTML code, <href="link.css">,which gives you the reference of link.css file.

The code is saved .html extension. 

body {color: purple; background-color: lightgrey;}

p {color:red;}

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <<LINK href="link.css" rel="stylesheet" type="text/css">
 </HEAD>

 <BODY>
  
<h1>Cascading Style Sheet(CSS)</h1>

<p>Cascading Style Sheets (CSS) is a stylesheet language 
used to describe the presentation of a document written in a 
markup language. Its most common application is to style web 
pages written in HTML and XHTML, but the language can be applied
to any kind of XML document, including SVG and XUL.</p>

</BODY>
</HTML>

 

Place the path of your HTML code into your address bar of browser. The output is displayed as

Download

Related Tags for Cascading Style Sheet(CSS):
htmlccssxmlwebxhtmlapplicationlanguagestyleioincludesvgpagexulmarkupappincludescasdefineietopagespresentationlansheitdoccaddescanliulinnomlcsasmntsheetcaadclescascadingagemeppcatdoseeatanykmarkinchtmispreandarwrittenttxmscassrithstatiapfinicaicaplprndono


More Tutorials from this section

Ask Questions?    Discuss: Cascading Style Sheet(CSS)   View All Comments

Post your Comment


Your Name (*) :
Your Email :
Subject (*):
Your Comment (*):
  Reload Image
 
 

Ask Questions?

If you are facing any programming issue, such as compilation errors or not able to find the code you are looking for.

Ask your questions, our development team will try to give answers to your questions.