Introduction To CSS

CSS stands For Cascading Style Sheets.
CSS is a language that allows you to change the appearance of elements on the page: the size, style, and color of text, background.



For example Code snippet:


<p style="color: red">text</p>

This will make that specific paragraph red.


Thus we can use css for formatting the appearance of the information on your webpage.



Apllying CSS

These various styles can be applied in three different levels:
In-line
In-line styles are plonked straight into the HTML tags using the style attribute.
<h1 style="font-family: Times New Roman";>Inline Css</h1gt;
Internal
Embedded, or internal, styles are used for the whole page. Inside the head element, the style tags surround all of the styles for the page.
<!DOCTYPE html>
<html>
<head>
<title>CSS Example</title>
<style>
p {
color: red;
}
a {
color: blue;
}
</style>
...

This will make all of the paragraphs in the page red and all of the links blue.

External
External styles are used for the whole, multiple-page website. There is a separate CSS file, which will simply look something like: p {
color: red;
}
a {
color: blue;
}

If this file is saved as "style.css" in the same directory as your HTML page then it can be linked to in the HTML like this:
<!DOCTYPE html>
<html>
<head>
<title>CSS Example</title>
<link rel="stylesheet" href="style.css">
...

Guys follow the various other tutorials to catch on further in CSS coding and designing!!!