Home Html Cascading Style Sheet(CSS)

Related Tutorials


 
 

Share on Google+Share on Google+

Cascading Style Sheet(CSS)

Advertisement
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

Advertisements

If you enjoyed this post then why not add us on Google+? Add us to your Circles



Liked it!  Share this Tutorial


Follow us on Twitter, or add us on Facebook or Google Plus to keep you updated with the recent trends of Java and other open source platforms.

Posted on: December 3, 2008

Related Tutorials

Discuss: Cascading Style Sheet(CSS)   View All Comments

Post your Comment


Your Name (*) :
Your Email :
Subject (*):
Your Comment (*):
  Reload Image
 
 
Comments:0
DMCA.com