http://freeonlineprogrammingtutorials.com - Become a Coding Freak Today! Tue, 31 Jan 2012 16:33:09 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 http://freeonlineprogrammingtutorials.com/css-basics http://freeonlineprogrammingtutorials.com/css-basics#comments Wed, 09 Jun 2010 09:26:12 +0000 WebProgrammer http://freeonlineprogrammingtutorials.com/?p=110 CSS stands for Cascading Style Sheets (CSS), which is a simple mechanism for adding style (e.g. fonts, colors, spacing) to Web document. Let’s cover the CSS basics in this post.

Why Do We Use CSS

CSS reduces code, and gives more flexibility to change/modify changes across sites.

Why is it Called CSS?

Due to their cascading effect, they are known as Cascading Style Sheets

< head >
< link type = " text/css " rel= " stylesheet" href= " a / style.css " >
< link type = " text/css " rel= " stylesheet" href= " b/ style.css " >
< link type = " text/css " rel= " stylesheet" href= " c / style.css " >
< / head >

Types of CSS Implementations

a] Within a tag itself (< strong >inline styles < / strong >)

< body style = "color: black; background: white;” >

b] Within a page and in it’s < HEAD > tag

< style type= "text / css" >
body { color: black ; background: white; }
< / style >

c] Linking to a separate style sheet

< link type= " text/css " rel= " stylesheet " href= " style.css "/ >

]]> http://freeonlineprogrammingtutorials.com/css-basics/feed 0