Programming Languages / Cascading Style Sheets(CSS)

1. It is used to change the style of the web page elements like paragraph, div tag e.t.c colors, position, fonts e.t.c
2. CSS saves a lot of work when the site consists of multiple pages.

3. Css is of 2 types.They were
a. Internal CSS.
b. External CSS.

1. Internal CSS. 2. External CSS.
It Uses 2 things
a. Style tag.        
b. Style Element. 		Using link tag
<html>
<head>
<style>
body {background-color: powderblue;}
h1   {color: blue;}p    {color: red;}
</style>
</head>
<body>
<h1>This is a heading</h1>
<p style="color:blue;">This is a paragraph.</p>
</body>
</html> 		<html>
<head>  <link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>

styles.css
body {background-color: powderblue;}
h1     {    color: blue;                             }
p       {    color: red;                               }


CSS, Internal CSS, External CSS.
Important Style Tag Attributes
Attribute Example
font-size style="font-size:60px;"
Color style="color:red;"
background-color style="background-color:blue;"
font-family style="font-family:verdana;">
font-size style="font-size:300%;"
text-align style="text-align:center;"
border style="border:2px solid Tomato;"
background-image style="background-image:url('clouds.jpg')"


Home     Back