CSS
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"!
TutorialsCSS TutorialCSS 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 TutorialDon'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. |
CodesInline Style SheetsAdd styles directly to your HTML document as you code.Embedded Style SheetsAdd styles to the head of your HTML document.External Style SheetsDeclare your styles in an external style sheet which you can reference from all your HTML pages.CSS Background ColorSet the background color with the CSS equivalent to HTML's bgcolor.CSS LeadingUse CSS to apply leading to your HTML pages.CSS AlignAlign your elements vertically and horizontally.CSS Table WidthUse CSS to set the width of your tables.CSS CellpaddingLooking for a CSS equivalent of HTML's cellpadding attribute? Here it is, and then some...CSS CellspacingLooking for a CSS equivalent of HTML's cellspacing attribute? Here it is, well kind of...Hyperlink EffectsIf you don't like the fact that HTML automatically underlines all your hyperlinks, check this out!Faster Loading Tables with CSSYou can use a few very simple css tricks to make your pages load much faster.CSS ScrollbarsCSS Overflow - a greate alternative to inline frames.CSS Print VersionUse CSS to apply a separate style to the printed version of your web pages. |
ExamplesCSS ExamplesQuickly check out what you can do with CSS.Table-layout exampleUse CSS table-layout tag for faster loading pages - you can fix the table layout. |
|
ReferenceCSS PropertiesFull, alphabetical list of all CSS properties.CSS Color CodesAll about CSS Color Codes, includes hex color chart.CSS Media TypesUse CSS to apply a separate style depending on the media type that's displaying your web page.CSS TemplateUse this CSS template as a basis for your stylesheets. |