CSS tutorials

complete css guide
Table of contents

Welcome to the Complete CSS Guide, a reference to every aspect of cascading style sheets. If you need help learning CSS or if you're looking for info about selectors, properties and all the other aspects of cascading style sheets, this is the place.

An extended version of this guide with extra sections and integrated browser support information is available for purchase and download. You can get the Complete CSS Guide

by itself for just $24.99
as a bonus when you purchase Style Master CSS editor (Windows and MacOS) for $59.99
as part of most of our self paced standards based web development course bundles

Where do I start?

That all depends what you're looking for.

New to CSS? Start by reading the introduction to this guide to really understand what cascading style sheets are and how they work. For a more hands on approach take a look as well at the Style Master CSS Tutorial. This tutorial also comes as part of the demo download of our CSS editor for Windows and Mac OS X, Style Master.
Looking for something in particular? If you're looking for detailed information about a CSS property, selector or other feature you're sure to find it in the table of contents below.

While you are here don't miss our articles, tutorials, and our other CSS resources..
Part 1: Introduction
About this guide
What's new in CSS Level 2, revision 1?
Who is this guide for?
What will we cover?
How to use this guide
Browser support information
CSS intro
Where do style sheets come from?
The W3C
A history of CSS specifications
The CSS Mobile Profile
Why doesn't everyone use CSS?
Why should I use CSS?
What exactly is a style sheet?
Proprietary CSS extensions
CSS v HTML
How do style sheets work?
The parts of a style sheet
Style sheet syntax
Linking and embedding a style sheet
Embedding style sheets
Linking to style sheets
Statements
@rules
@import
@media
@page
Comments
HTML comment tags
Rules
Part 2: Selectors
Selectors introduction
What do selectors do?
Types of selector
Type selectors
Types of element
Class selectors
ID selectors
Descendant selectors
Link pseudo class selectors
Pseudo element selectors
Dynamic pseudo class selectors
Language pseudo class selectors
Child selectors
First child selectors
Adjacent sibling selectors
Attribute selectors
Part 3: Properties
Properties introduction
What are properties?
How to read the property guide
Text style properties
color
font-weight
font-family
font-size
font-variant
font-style
text-decoration
text-transform
Text layout properties
letter-spacing
word-spacing
line-height
vertical-align
text-indent
text-align
direction
unicode-bidi
Background properties
background-color
background-image
background-attachment
background-repeat
background-position
background
Border properties
Unscrambling the border mess
border-width, border-top-width, border-left-width, border-bottom-width, border-right-width
border-color
border-style
border, border-top, border-left, border-bottom, border-right
Margin properties
margin
margin-top
margin-left
margin-bottom
margin-right
Padding properties
padding
padding-top
padding-left
padding-bottom
padding-right
Page layout properties
Introduction to positioning with CSS
The big picture
A note about "layers"
Ways of positioning
Static positioning
Absolute positioning
Fixed positioning
Relative positioning
position
top
left
bottom
right
width
min-width
max-width
height
min-height
max-height
z-index
visibility
overflow
float
clear
clip
Element type properties
display
white-space
list-style-type
list-style-image
list-style-position
list-style
border-collapse
border-spacing
caption-side
empty-cells
table-layout
User interface properties
cursor
outline
outline-color
outline-style
outline-width
Values
Length values
Percentage values
Color values
Keyword values
Shape values
Part 4: Advanced CSS
Advanced CSS introduction
Cascade and inheritance
Cascade
Managing style at large sites using @import
Specificity
Inheritance
Generated content
content
quotes
Counters and counter properties
counter
counters
counter-reset
counter-increment
Media
The @media rule
Types of media
Media specific importing using @import
Printing
The @page rule
Page specific properties
margin, margin-left, margin-right, margin-top, margin-bottom
Page breaking properties
page-break-before
page-break-after
page-break-inside
orphans
widows
CSS Mobile Profile
Selectors in the CSS Mobile Profile
Properties in the CSS Mobile Profile
Part 5: Real world CSS
Real world CSS introduction
Tables with CSS
Standards-based HTML 4.0
Borders
Color
Evening things up
browser support
"It doesn't work": a word of warning
The difficulties: partial support, buggy support, no support
No support
Partial and buggy support
Missing features
Broken features
Designing for the web
Introduction
Same old new medium?
Controlling web pages
Why does it matter?
The way
Fonts
Layouts
Colors
The journey
Validating
Validating HTML
Why validate?
What is validating?
So how do I do this?
Online validators
Stand-alone validators
Validate your style sheets

CSS for beginers

CSS is an excellent addition to plain HTML.

With plain HTML you define the colors and sizes of text and tables throughout your pages. If you want to change a certain element you will therefore have to work your way through the document and change it.

With CSS you define the colors and sizes in "styles". Then as you write your documents you refer to the styles. Therefore: if you change a certain style it will change the look of your entire site.

Another big advantage is that CSS offers much more detailed attributes than plain HTML for defining the look and feel of your site.

Finally, CSS can be written so the user will only need to download it once - in the external style sheet document. When surfing the rest of your site the CSS will be cached on the users computer, and therefore speed up the loading time.

The only reason not to use CSS in your design is not knowing how!

CSS lessons for beginers are given below :

http://www.csstutorial.net/

http://articles.sitepoint.com/category/css

CSS basic

Learn CSS step by step

This website is all about CSS, a key tool in web design. In case you’re not familiar with CSS: CSS is the sister technology to HTML that is used to style your web pages. The details are in the tutorial, but for now we can say that CSS can make your web pages look great!


Learn CSS step by step

This website is all about CSS, a key tool in web design. In case you’re not familiar with CSS: CSS is the sister technology to HTML that is used to style your web pages. The details are in the tutorial, but for now we can say that CSS can make your web pages look great!
CSS Tips and Tricks Newsletter:

My CSS basics newsletter will let you know when any new articles, tutorials and videos on CSS are released.
Unsubscribe

Video introducing CSS
I’ve just created a beginners video on CSS to help you guys get going a little faster. My suggestion would be to watch the video and then come back here and do the tutorial. Introduction to CSS Video Tutorial
Written with beginners in mind

As with all my writing, I tried to make this web design tutorial on CSS as easy as possible to follow. Instead of a boring-nerd centric style, I’ve used more of a conversational style.

This tutorial website is like anything else in life; you get back what you put into it. So if you really want to learn how to design great looking pages, resist the temptation to stop halfway to use a web design program like FrontPage or Dreamweaver. By finishing the tutorial you will gain a big advantage over all the others out there that gave up!

Don’t get me wrong, this stuff isn’t that hard; it’s just that some people are really lazy!
How this website is set up

The website has 3 major sections:

The introduction to CSS
We cover the basics and show you a few neat tricks.
A complete CSS tutorial
We get down and dirty here giving you a solid foundation in CSS so you can use it in your own web design work right away!
Additional CSS Resources
Supporting articles on CSS web design and a link takes you to an active CSS forum where you can ask any questions you may have.

Once completed, you will have taken the next step towards total nerd glory with these articles on creating a pure CSS web page. Not just CSS styling, but CSS positioning too, that means no tables required!

Once completed, you will be creating pages in sophisticated ways that 99% of web designers don’t even consider! Needless to say, you will have an advantage over the competition. All this is 100% standards compliant and should work in 99% of browsers being used today.

CSS lessons are given below :

http://www.w3schools.com/css/default.asp

XHTML tutorials

INTRODUCTION :
XHTML is a stricter and cleaner version of HTML.

In this tutorial you will learn the difference between HTML and XHTML. We will also show you how W3Schools.com was converted into XHTML.

SELECT LESSON BELOW :

XHTML Tutorial
XHTML HOME
XHTML Introduction
XHTML Why
XHTML vs HTML
XHTML Syntax
XHTML DTD
XHTML HowTo
XHTML Validation
XHTML Modules
XHTML Summary

XHTML Quiz
XHTML Quiz
XHTML Certificate

XHTML References
XHTML Tag List
XHTML Attributes
XHTML Events
XHTML Colornames
XHTML Character Sets
XHTML ASCII
XHTML ISO-8859-1
XHTML Symbols
XHTML URL Encode
XHTML Lang Codes
HTTP Messages

XHTML for beginers

Introduction

Although many people have never heard of it, XHTML is really the future of the internet. It is the newest generation of HTML (comming after HTML 4) but has many new features which mean that it is, in some ways, like XML. In this tutorial I will explain how XHTML differs from HTML and how you can update your pages to support it.

Note: It is necessary to already have a basic understanding of HTML before reading this tutorial as it deals with the differences between XHTML and HTML.


XHTML lessons are given below:
http://www.freewebmasterhelp.com/tutorials/xhtml

http://webdesign.about.com/od/htmlxhtmltutorials/HTML_Tutorials_XHTML_Tutorials.htm

XHTML tutorials basic

XHTML Tutorial

This site is dedicated to providing free, in-depth XHTML tutorials and examples.
Table of Contents
Why XHTML?

Explains the differences between XHTML and HTML, as well as the benefits of adopting XHTML.
XHTML Introduction

An Introduction to XHTML.
XHTML Basics

Covers the XHTML basics, including head, body, title and paragraph elements.
XHTML Example

This XHTML example covers how to declare and properly set up an XHTML page.
XHTML Elements

Explains XHTML elements and how to use them.
XHTML Attributes

Explains XHTML attributes and rules for using them in your webpages.
Declaring a DocType

Covers XHTML 1.0 Strict, Transitional, and Frameset compatibility levels and a sample XHTML doctype declaration.
XHTML Head

XHTML Head contains information describing the contents of the page, learn how to use it in this tutorial.
XHTML Encoding

How to specify the encoding of your XHTML document.
XHTML Namespace

Describes the purpose of the XHTML namespace, and how to declare it.
XHTML Headers

XHTML section headers are a powerful way to give your document structure and meaning. This tutorial explains how to use the 6 built-in section headers to separate and organize your document into smaller, more managable chunks. Metaphorically speaking, it's like making the most important points jump off the page as if on trampolines and building sheds to keep the gritty details.
XHTML Images

Adding images to your XHTML pages.
XHTML Links

How to add a hyperlink to your XHTML page.
XHTML Line Breaks

Browsers automatically wrap text according to the width of the block or window, only starting new lines when necessary. This tutorial covers how to manually specify line breaks in your XHTML pages using the
tag.
XHTML Lists

How to create a list of items in an XHTML page.
XHTML Tables

How to structure tabular data on a Web page using XHTML tables.
XHTML Frames

Using XHTML frames for advanced page layouts.
XHTML Form

Sending data to your Web server using XHTML forms.
XHTML Comments

This tutorial explains how to document and help make sense of your Web page using XHTML comments.
XHTML Divisions

This tutorial covers breaking up your page into divisions using the XHTML div tag, allowing you to apply formatting styles to regions of a page using CSS.
XHTML Span

This tutorial covers the use of the XHTML span tag to name smaller pieces of text and other inline elements to identify them and apply styles to them.
XHTML Validation

How to validate (verify) the syntax of your XHTML pages.
XHTML DOM

Understanding the XHTML Document Object Model (DOM).
XHTML and CSS

Using XHTML and Cascading Style Sheets (CSS).
XHTML and XML

Understanding the relationship between XHTML and XML.
XHTML and JavaScript

Extending your XHTML pages using JavaScript.
XHTML Browsers

Important information about common Web browsers and their support for XHTML technologies.
XHTML Standard

About the XHTML standard - who made it and why?
XHTML DTD

Describes the XHTML Document Type Definition (DTD).
XHTML 1.1

What's new in the XHTML 1.1 standard?
XHTML Guidelines

Expert tips, advice and guidlines for writing professional XHTML pages.
XHTML FAQ

Frequently Asked Questions about XHTML.

HTML tutorials

Welcome
Welcome to the Idocs Guide to HTML. Our goal is to provide the most helpful and complete guide to creating web pages anywhere. We're particularly proud of the tutorials on frames and on forms.
Sections

Anchors and Links
Applets
Character Entity References
Document Tags
Embedded Objects
Fonts
Forms
Frames
Ignore-Me Code
Images
Lines and Paragraphs
Lists
Logical Tags
Scripts
Sounds
Style Sheets
Tables
More Resources
Resource Directory
a couple of weird tags

basic html tutorials

You can use this tutorial either as a complete introduction or as an A-Z reference to HTML.

The pages are packed with:
Easy to understand explanations, massive examples, tips, smart workarounds and useful quick references.

If you're completely new to HTML you should start with the section that covers HTML Basics.

Otherwise, just jump directly to the relevant pages.

http://www.pagetutor.com/index.html

http://www.echoecho.com/html.htm

http://www.htmlcodetutorial.com/

HTML tutorials for beginers

With HTML you can easily create your own Web sites.

This tutorial will tell you everything about HTML.

HTML is easy to understand and easy to learn - You will enjoy these lessons.

HTML lessons for beginers are given below :

http://www.w3schools.com/html/

http://www.htmltutorials.ca/

http://www.htmlcodetutorial.com/

Windows 7 for Christmas '09?

We haven't really covered the new Windows OS here, mainly due to the fact that everything right now just seems to be rumours. However, one rumour which interests me is this:

Apparently, Windows will be shipping the new OS, titled Windows 7 by Christmas 2009. This is good news because it means those of you who have decided to stick to XP and skip Vista altogether can almost guarantee that they won't have to wait until 2010 to make the switch. OK, now I know Xmas 2009 isn't exactly far from 2010, in fact, it's only 6 days earlier. But obviously, this means it will be released before Xmas for starters, and it also means those who decide they want a new computer or laptop can sleep comfortably knowing it will have Windows 7 pre-installed for them. So really, this is making great use of time.

What I mean is, if you're getting a computer for Xmas, you might as well have 7 already installed, because when Xmas is over and done with, you need to save and save in order to afford simple things again, never mind such luxuries as this.

c# video tutorials

here is the best videos 4 C# beginers 

these videos will teach u from begining and establish a desktop aplication n also these videso are in high quality

u can easily download these movies by 4 shared download link

download link is 

http://www.4shared.com/file/102186657/6dd87f96/c_videos_1.html

linux installation guide

for installation linux on ur virtual machine first install VMware software in ur operating system

n dan install linux on this virtual machine

VMware software download link of 4shared :

http://www.4shared.com/file/102049899/7a841e65/VMware_Workstation.html

here is also a album of linux installation screen shots that will describe you each n every thing about linux installation

http://www.4shared.com/file/102182104/38b5bbb/Linux9.html

linux partition problem durin installation

in linux installation i found a problem linux disturbs our partition or creates partiion by its self so it destroy our all data 

for first time it is recommend that u should install ur linux operating system on virtual machine

virtual machine basicalay creates a virtual computer in our physical computer if we install linux on virtual so our hardware and data in harddisk both will be saved 

first time linux installation problem

The first time I installed Linux I chose to have Grub, which I understood to be the utility which would allow me to select which operating system to boot, installed on the first partition of the second hard drive, where my Linux install would be. No problems with the install, but when I rebooted the machine I could never get Grub to come up so that I could select which OS to boot. So, I figured I would reinstall Linux but this time move Grub so that it would overwrite the MBR, believing that whoever designed Grub knew enough that if I ran into problems that a solution would be easy enough to find.

However, now when I boot up my machine I am receiving a SMART error on my primary hard drive, telling me that there is imminent hard drive failure and that I should back up my data as soon as possible. Grub would attempt to boot Windows XP but wouldn't get very far before I received errors on rootnoverify and chainloader. I can get into Grub though, working around the SMART error but placing a bootable disk into one of the drives but not selecting to boot from the CD/DVD. That would bring up the Grub boot menu where I could now also select to boot my RedHat Linux. Currently this is the only option that is working for me.

linux installation problems

Some common beginner Linux installation issues

In this cursory overview, Mark Rais, provides some of the common reasons why people brand new to Linux have installation failures.� The brief article covers issues with Fedora, Gentoo, Mepis, PCLinuxOS, and Ubuntu.

Let me begin by declaring that this is a basic summary for beginners.� I do not try to clarify solutions where complex issues such as bad disks and the need for fsck exist.� However, in the past few months as I've tried to help more people totally new to Linux switch over, it became obvious that there is a common theme of installation failures that need to be addressed.

I've tried to give examples for specific flavours.� But you will quickly find that problems occurring with one flavour also exist with another.� I consider the ease of installation of Linux to be vital to its uptake, especially on the desktops, and hope this article helps at least one person avoid a potential installation pain and start using Linux productively.

Fedora
The anaconda installer used in Fedora is pretty resilient to installation errors.� The interface is reasonably easy to follow, even though some new users have gotten confused by a few of the key steps.�

However, there are some overt issues that appear after installation, rarely during the install.

The word GRUB just sits on the top left side of the monitor upon reboot.� This is almost always a sign that key installation files were corrupted.� Again, this can happen due to a bad disc, or improperly downloading and using internet ISOs.� However, it can also be a result of really screwed up partitioning.� I recommend new users allow Fedora and/or CentOS installer to auto-manage the partitions and to format all partitions you plan to use for Linux (obviously not those used for other things).

I have also noted that one new user ran through the whole Fedora install process, only to find that certain dependencies and key functions failed because they had not properly selected packages needed to properly operate Fedora in the first place.� I'm not sure why the install process does not include some form of "default core" selection, but if you click on the customise option you as a new user are left to ensure key things like Gnome or KDE desktop are included.� This is also the case with other installations like Gentoo.� Be sure to choose all of the packages needed, and if in doubt as a newbie, then remember that including is better than not including.

The overall installation process has also become much longer for Fedora, and seems a bit of a turn off for those new users who prefer a one disk install.� I disagree with this preference however, because the benefit of multi-disk distros is that they include a whole lot more that can be installed on systems that 1. may not have an internet connection or 2. need to be ready and working immediately upon installation.

Gentoo
I use Gentoo in situations where fine tuned control and performance are essential.� It's a damn good flavour, but it is questionable whether Gentoo should be used by someone brand new to Linux.� In any case, the number one biggest issue I've found people completely new to Linux have with Gentoo installation has to do with the total compile and completion time.

To set the record straight, Gentoo is allowing a user to pre-compile many applications and parameters.� The benefit is measurable in gained performance.� By compiling key conditions with the Kernel itself, you gain some beneficial performance increases.� However, for a new user who is often just trying to get up to speed, Gentoo may seem to take an eternity to install.

But for new users, this issue is reconciled with two characteristics.� First, Gentoo comes as a Live-CD, so it means you can immediately start using it, getting familiar with the interface without having to install it.� Once you are ready to install, please understand the reasons for the slow compile/install process and during the compile stages just go watch a tv show or read a good book (it does not have to be War and Peace).

The second biggest issue with Gentoo installation is that new users are often confused or intimidated by the many configuration options.� If you are new to Linux and planning to install Gentoo, I recommend you do your first time install with all of the defaults.� I have a summary of the Gentoo defaults that may help ease your concerns.� Otherwise, tinkering with one or more of the configurations is likely to cause the dreaded:� Install Failed!

Some examples include, watching the entire process start, enjoying the fact that things are moving right along (slowly, but surely) and then only to come back to the computer a half hour into the install to see this: "Partitix_onResizeError: FATAL: partition could not resize."�

This failure, along with a plethora of other potential errors, usually results from either what you designated in terms of your installation settings (what apps to compile), or from incorrectly designating partition information.� Having partition information from a previously installed OS that is identified by Gentoo but not properly cleared prior to installation is another culprit.

programming jobs in MALAYSIA

these are the best links to get job in MALAYSIA

malaysia.recruit.net/search-Programmer-job

malaysia.recruit.net/search.html?query=vb.net+developer++OR+programmer

www.zdnetasia.com/techjobs/jobs/search.htm?term=Programmer&country=Malaysia

jobs.liewcf.com/search.html?location=&query=programmer&region=mly

programming jobs in UAE

these are the best links to get job in UAE 

www.jobsindubai.com/job_list.asp?job_cat_id=26

www.bixee.com/Programmer/jobs-in/Uae

www.itjobsdubai.com

www.itjobsdubai.com/2008/06/dot-net-programmer-jobs-in-dubai

programming jobs in america

these are the best links for programming jobs in america

www.amazon.com/Information-Technology-America-Corporate-Government/dp/

www.careerjet.com/search/jobs?cp=&ct=&l=&s=programmer

www.prgjobs.com/Job.cfm/308761

jobs.guardian.co.uk/job/849634/event-programmer/

www.prgjobs.com/Job.cfm/308761 

c++ tutorials

there is the best web tutrial for c++ programming

http://www.cplusplus.com/doc/tutorial/
http://www.glenmccl.com/tutor.htm
http://www.cprogramming.com/tutorial.html
http://www.codersource.net/codersource_cppprogramming.html
http://www.intap.net/~drw/cpp/
http://www.programmingtutorials.com/cplusplus.aspx

programmers job work at ur home

hi..
this is a well Opportunity for all of those people who want to work at there own home.
just you have to send your recent profile on it and you will get job.
for further information visit
http://www.odesk.com/w/landings.php?l=zoom2