CSS is the Cascading Style Sheets. This file extension is {.CSS}. Cascading style sheets are a very powerful tool for the web site development.  CSS script is a used for style of web page. CSS is dependent of HTML and can be used with any XML-based markup language. CSS is supported by all browsers. CSS is used for design formatting structured content.

<h1 style=”color:blue; text-transfoorm:uppercase;”>I am a web developer<⁄h1>

Cascading Style Sheets defined two roles a selector and or more declarations. CSS declaration always ends with a semicolon, and declaration groups are enclosed within curly brackets to separate them from selectors.

Selector: selector is a HTML tag. Example <h1>…..………. , ……………

Declaration: The property is the style attribute you want to change and has a value. For examples, h1 {color:red; font-size:12px;}.

Semicolon: As you can see from the image above, each declaration must be followed by a semicolon. The semicolon is the end of the declaration.

Example :

<!DOCTYPE html>

<html lang=”en”>

<head>

<meta charser = “utf”>

<title> CSS Tutorial</title>

<style type =”text/css”>

h1, h2

{

color:red;

font-size:30px;

font-family: calibri, sans-serif;

}

</style>

</head>

<body>

<h1>Cascading Style Sheets</h1>

<h2>

CSS is the Cascading Style Sheets. This file extension is {.CSS}. Cascading style sheets are a very powerful tool for the web site development.  CSS script is a used for style of web page. CSS is dependent of HTML and can be used with any XML-based markup language. CSS is supported by all browsers. CSS is used for design formatting structured content.

<h1 style=”color:blue; text-transfoorm:uppercase;”>I am a web developer<⁄h1>

Cascading Style Sheets defined two roles a selector and or more declarations. CSS declaration always ends with a semicolon, and declaration groups are enclosed within curly brackets to separate them from selectors.

Selector: selector is a HTML tag. Example <h1>…..………. </h2>, <body>……………</body>

Declaration: The property is the style attribute you want to change and has a value. For examples, h1 {color:red; font-size:12px;}.

</h2>

</body>

</html>

You can define CSS rules in a file that’s completely separate from your HTML document. You can link to this file by including a link element in the head of any HTML document on which you want to implement those styles.

Example of external:

<!DOCTYPE html>
<html lang=”en”>

<head>
<meta charset=”utf-8″>
<meta name=”CSS” content=”width=device-width; initial-scale=2.0″>
<title>What is CSS how to design website with CSS</title>
<meta name=”description” content=” What is CSS how to design website with CSS.” />
<link rel=”stylesheet” type=”text/css” href=”../css/style.css” />
<link rel=”stylesheet” type=”text/css” href=”../css/responsive.css” media=”only screen and (max-width : 600px)” />
</head>

After only a few lessons of this tutorial you will be able to make your own style sheets using CSS to give your website a new great look.

Posted in CSS

Leave a Reply

Your email address will not be published. Required fields are marked *