Quackit Logo
CSS Home

CSS Tutorial

Introduction
CSS Advantages
CSS Syntax
Implementing CSS
CSS Class
CSS ID
CSS Font
CSS Text
CSS Background Code
CSS Border
CSS Margin
CSS Padding
CSS Lists
CSS Height & Width
CSS Positioning
CSS Float
CSS Layers
CSS Summary

CSS Codes

CSS Align
CSS bgcolor
CSS Cellpadding
CSS Cellspacing
CSS Hyperlinks
CSS Leading
Inline Style Sheets
Embedded Style Sheets
External Style Sheets
CSS Scrollbars
CSS Table Width
CSS Print Version
CSS Table-layout

CSS Examples

CSS Examples
CSS Table-layout Example

CSS Reference

CSS Mini Tutorial
CSS Properties
CSS Color Codes
CSS Template
CSS Media Types

10GB Webmaster Package

Unique, quality digital content ready to be resold.

Includes:

  • Over 29,000 Ebooks
  • Over 7,000 Website templates
  • Over 11,000 Fonts
  • Over 39,000 Logos
  • Over 1,000 Cell Phone Games
  • Over 3,000 Cell Phone Images
  • Over 21,000 Ring Tones
  • ...and much more!
Get your 10GB webmaster package now!

CSS

Print Version

CSS (Cascading Style Sheets) allows web authors to apply styles to their web pages. More importantly, CSS enables them to do this independently of the HTML that makes up each web page.

Therefore, as a web author, you can code your HTML without having to be concerned with what each HTML element is going to look like. You can change the look later using CSS.

You'll find a wealth of information about CSS right here on Quackit. Read the CSS Tutorial, learn all the CSS properties that you can use, or just go straight to the code for some good old "cut & paste"!

Tutorials

Examples

CSS Tutorial

CSS has been seriously underated. Maybe it's because web designers think it's harder than what it is. The truth is, CSS is incredibly easy!

Mini Tutorial

Don't have time for the full-length tutorial? No problem! Check this one out instead. Then when you have more time, you can take on the full-length tutorial.

CSS Examples

Quickly check out what you can do with CSS.

Table-layout example

Use CSS table-layout tag for faster loading pages - you can fix the table layout.

Codes

Reference

Inline Style Sheets

Add styles directly to your HTML document as you code.

Embedded Style Sheets

Add styles to the head of your HTML document.

External Style Sheets

Declare your styles in an external style sheet which you can reference from all your HTML pages.

CSS Background Color

Set the background color with the CSS equivalent to HTML's bgcolor.

CSS Leading

Use CSS to apply leading to your HTML pages.

CSS Align

Align your elements vertically and horizontally.

CSS Table Width

Use CSS to set the width of your tables.

CSS Cellpadding

Looking for a CSS equivalent of HTML's cellpadding attribute? Here it is, and then some...

CSS Cellspacing

Looking for a CSS equivalent of HTML's cellspacing attribute? Here it is, well kind of...

Hyperlink Effects

If you don't like the fact that HTML automatically underlines all your hyperlinks, check this out!

Faster Loading Tables with CSS

You can use a few very simple css tricks to make your pages load much faster.

CSS Scrollbars

CSS Overflow - a greate alternative to inline frames.

CSS Print Version

Use CSS to apply a separate style to the printed version of your web pages.

CSS Properties

Full, alphabetical list of all CSS properties.

CSS Color Codes

All about CSS Color Codes, includes hex color chart.

CSS Media Types

Use CSS to apply a separate style depending on the media type that's displaying your web page.

CSS Template

Use this CSS template as a basis for your stylesheets.

Enjoy this website?

  1. Link to this page (copy/paste into your own website or blog):
  2. Add this page to your favorite social bookmarks sites:
                     
  3. Add this page to your Favorites

Oh, and thank you for supporting Quackit!

FREE Hosting!

With every domain name you register with ZappyHost, you get FREE (ad supported) hosting.

PLUS you get:

  • FREE Website Builder
  • FREE Blog
  • FREE Starter Web Page
  • FREE Email Account
  • & much more! (Total value $123 for FREE!)
Get your FREE hosting today! >>
Featured Template:
(Build your websites in minutes!)