Style sheets describe how documents are presented on screens, in
print, or perhaps how they are pronounced. W3C has actively promoted the
use of style sheets on the Web since the Consortium was founded in
1994.
Cascading Style Sheets (CSS) is a style sheet mechanism that has been
specifically developed to meet the needs of Web designers and users.
With CSS, you can specify a number of style properties for a given
HTML element. Each property has a name and a value, separated by a colon
(:). Each property declaration is separated by a semi-colon (;).
|
<p style="color:red;font-size:24px;">Using Style Sheet Rules</p>
|
This will produce following result:
There are three ways of using a style sheet in an HTML document:
External Style Sheet:
If you have to give same look and feel to many pages then it is a
good idea to keep all the style sheet rules in a single style sheet file
and include this file in all the HTML pages. You can incluse a style
sheet file into HTML document using <link> element. Below is an
example:
<head>
<link rel="stylesheet" type="text/css"
href="yourstyle.css">
</head>
|
Internal Style Sheet:
If you want to apply Style Sheet rules to a single document only then
you can include those rules into that document only. Below is an
example:
<head>
<style type="text/css">
body{background-color: pink;}
p{color:blue; 20px;font-size:24px;}
</style>
</head>
|
Inline Style Sheet:
You can apply style sheet rules directly to any HTML element. This
should be done only when you are interested to make a particular change
in any HTML element only. To use inline styles you use the style
attribute in the relevant tag. Below is an example:
<p style="color:red;font-size:24px;">Using Style Sheet Rules</p>
0 comments:
Post a Comment