CSS BASICS PAGE1

CSS(CASCADING STYLE SHEET) BASICS

Chapter 1: Introduction:

Why Css ?
Development of large web sites, where fonts and color information were added to every single page, became a long and expensive process.
To solve this problem, the World Wide Web Consortium (W3C) created CSS.

	Html supports to display the content and Css adds style to a web page.Css can be embed with html,javascript,jquery etc.

Css abbreviation is cascading style sheets.  Cascading means inheriting the features.CSS is a language that adds style (colors, images, borders, margins…) to a web site. 
CSS formats the look and feel  of a web page. Using CSS, you can control the color of the text, the style of fonts, the spacing between paragraphs, how columns are sized and laid out, what background images or colors are used, as well as a variety of other effects.  
 Advantages of CSS: 
1.CSS saves time - You can write CSS once and  reuse same sheet for many web pages. You can define a style for each HTML element and apply it to  any number of Web pages .  So less code leads to fast download . 
2. Easy maintenance - To make a global change, simply change the style, and all elements in all the web pages will be updated automatically. 
3. Superior styles to HTML - CSS has a much wider set of attributes than HTML so that you can give  better look to your HTML page in comparing with HTML attributes. 
4. Global web standards - Now HTML attributes are being deprecated and it is being recommended to use CSS. So its a good idea to start using CSS in all the HTML pages to make them compatible to future browsers. 
5.flexibility: we can modify style sheets as client needs.
Css syntax:
	A css rule has three parts.
1.Selector: A selector is an HTML tag  where style will be applied.  
Ex: 


 ,, …..etc. 
2.Property: A property is a type of attribute of HTML tag. 
Ex: color ,font, border etc. 
3. Value: Values are assigned to properties. 
ex: color  : blue;font:arial

h1{color:blue;font-size:14px} .

 $. extension for css file is “ .css “.
Ex: demo1.css
css example 1: 


------------------------------------------------------------
CSS Comments:
Comments are used to explain your code . Comments are ignored by browsers.
A CSS comment begins with "/*", and ends with "*/"    .
ex: /* this is a comment */

Hello World!


welcome to css first program. Css abbreviation is cascading style sheets. CSS is a language that adds style (colors, images, borders, margins…) to a web site. 
CSS formats the look and feel  of a web page. Using CSS, you can control the color of the text, the style of fonts, the spacing between paragraphs, how columns are sized and laid out, what background images or colors are used, as well as a variety of other effects.