Welcome to Scribd. Sign in or start your free trial to enjoy unlimited e-books, audiobooks & documents.Find out more
Standard view
Full view
of .
Look up keyword or section
Like this

Table Of Contents

0 of .
Results for:
No results containing your search query
P. 1


|Views: 195|Likes:
Published by gnitabhishek
Uploaded from Google Docs
Uploaded from Google Docs

More info:

Published by: gnitabhishek on Nov 10, 2011
Copyright:Attribution Non-commercial


Read on Scribd mobile: iPhone, iPad and Android.
download as PDF, TXT or read online from Scribd
See more
See less





Save a lot of work with CSS!In our CSS tutorial you will learn how to use CSS to controlthe style and layout of multiple Web pages all at once.
CSS Examples
Learn by 150 examples! With our editor, you can edit CSS, and click on a test button to view theresult.Try-It-Yourself!
CSS Quiz Test
Test your CSS skills at W3Schools!Start CSS Quiz!
CSS Reference
At W3Schools you will find a complete CSS2 reference with syntax, examples, browser support,and more.CSS2 Reference orCSS2 Reference - Alphabetically We also have a complete CSS2 aural reference and an overview of CSS units and colors.CSS2 Aural ReferenceCSS UnitsCSS Colors
Exam - Get Your Diploma!
W3Schools' Online Certification Program
The perfect solution for professionals who need to balancework, family, and career building.More than 3500 certificates already issued!TheHTML Certificatedocuments your knowledge of HTML, XHTML, and CSS.
TheJavaScript Certificatedocuments your knowledge of JavaScript and HTML DOM.TheXML Certificatedocuments your knowledge of XML, XML DOM and XSLT.TheASP Certificatedocuments your knowledge of ASP, SQL, and ADO.ThePHP Certificatedocuments your knowledge of PHP and SQL (MySQL).
What you should already know
Before you continue you should have a basic understanding of the following:
HTML / XHTMLIf you want to study these subjects first, find the tutorials on our Home page.
What is CSS?
stands for
Styles define
how to display
HTML elements
Styles are normally stored in
Style Sheets
Styles were added to HTML 4.0
to solve a problem
External Style Sheets
can save a lot of work
External Style Sheets are stored in
CSS files
Multiple style definitions will
into one
CSS demo
An HTML document can be displayed with different styles:See how it works
Styles solved a big problem
The original HTML was never intended to contain tags for formatting a document. HTML tagswere intended to define the content of a document, like:<p>This is a paragraph.</p><h1>This is a heading</h1>When tags like <font> and color attributes were added to the HTML 3.2 specification, it starteda nightmare for web developers. Development of large web sites where fonts and colorinformation had to be added to every single Web page, became a long, expensive and undulypainful process.To solve this problem, the World Wide Web Consortium (W3C) - responsible for standardizingHTML - created CSS in addition to HTML 4.0.With HTML 4.0, all formatting can be removed from the HTML document and stored in aseparate CSS file.
All browsers support CSS today.
Styles save a lot of work
Styles sheets define HOW HTML elements are to be displayed.Styles are normally saved in external .css files. External style sheets enable you to change theappearance and layout of all the pages in a Web site, just by editing one single CSS document!
Multiple styles will cascade into one
Style sheets allow style information to be specified in many ways.Styles can be specified:
inside an HTML element
inside the head section of an HTML page
in an external CSS file
Even multiple external style sheets can be referenced inside a single HTML document.
Cascading order - What style will be used when there is more than one stylespecified for an HTML element?
Generally speaking we can say that all the styles will "cascade" into a new "virtual" style sheetby the following rules, where number four has the highest priority:1.Browser default2.External style sheet3.Internal style sheet (in the head section)4.Inline style (inside an HTML element)So, an inline style (inside an HTML element) has the highest priority, which means that it willoverride a style defined inside the <head> tag, or in an external style sheet, or in a browser (adefault value).If the link to the external style sheet is placed after the internal style sheet in HTML <head>,the external style sheet will override the internal style sheet!
The CSS syntax is made up of three parts: a selector, a property and a value:
selector {property:value}
The selector is normally the HTML element/tag you wish to define, the property is the attributeyou wish to change, and each property can take a value. The property and value are separatedby a colon, and surrounded by curly braces:
body {color:black}

Activity (5)

You've already reviewed this. Edit your review.
1 hundred reads
Amit Kumar liked this
suneeltej liked this
ALi liked this
ALi liked this

You're Reading a Free Preview

/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->