Free Web tutorials covering HTML, CSS, JavaScript, and DHTML from beginner to advanced. Free downloads and developer resources. Personalized help via email, form, and chat.

free, web, tutorials, HTML, html, CSS, css, stylesheet, cascading stylesheet, Javascript, javascript, JavaScript, DHTML, dhtml, beginner, advanced, web development, web page, web site, free web tutorial, free HTML tutorial, free CSS tutorial, free css tutorial, free cascading stylesheet tutorial, free stylesheet tutorial, free javascript tutorial, free DHTML tutorial, free HTML class, free CSS class, free stylesheet class, free cascading stylesheet class, free javascript class, free DHTML class">

Free Web tutorials covering HTML, CSS, JavaScript, and DHTML from beginner to advanced. Free downloads and developer resources. Personalized help via email, form, and chat. free, web, tutorials, HTML, html, CSS, css, stylesheet, cascading stylesheet, Javascript, javascript, JavaScript, DHTML, dhtml, beginner, advanced, web development, web page, web site, free web tutorial, free HTML tutorial, free CSS tutorial, free css tutorial, free cascading stylesheet tutorial, free stylesheet tutorial, free javascript tutorial, free DHTML tutorial, free HTML class, free CSS class, free stylesheet class, free cascading stylesheet class, free javascript class, free DHTML class

<Code_Punk>'s

Beginning CSS Index

Code Tutorials



Site Development



Downloads



Help!!



Home


CSS, or Cascading StyleSheets, have replaced many HTML tags like the <font> tag. CSS is a coding language separate from HTML that works with HTML to change a variety of properties and to position objects on your pages. In Beginning CSS, we'll see how to style our fonts, blocks of text, and links. We'll also learn how to make our own custom styles and apply them.


Styling Text

Lesson 1: Using CSS

How to code Cascading Stylesheets using text coloring as an example.


Lesson 2: Styling Fonts

Learn how replace several <font> tags with a few lines of CSS. Learn new ways to style fonts, too.


Lesson 3: Styling Text

How to use CSS to automatically align text and add custom margins to various blocks of text on your page.


Cool Effects

Lesson 4: Styling The <body>

Learn how to make your backgrounds sing and dance using CSS. Also some other important considerations when styling the "body" element.


Lesson 5: Making Custom Classes

How to apply different style rules to the same element and make generic classes you can apply to anything.


Lesson 6: Styling Scrollbars

How to color the scrollbars in IE5.5+.


Styling Links

Lesson 7: Styling Links

How to make your links look like you want them to. Remove the underlining, change color, font, etc. How to change link styling dynamically when they are clicked or hovered over.


Lesson 8: Making Link Classes

How to make sets of differently styled links. This is how the links on this page are styled. The links in the text and titles are styled differently from the ones in the navigational column to the left.


Using External Stylesheets

Lesson 9: Making External Stylesheets

How to make a single .css file that can style as many pages as you'd like. Free yourself from cumbersome <style> tags in your <head>.


Lesson 10: Cascading And Inheritence

Learn how to make and apply multiple stylesheets for different effects. Also how to apply CSS styling with the STYLE attribute.


Beginning CSS Exam

Beginning CSS Review

Some exercises to prepare for the "Beginning CSS Final Exam".


Beginning CSS Final Exam

Test your knowledge of CSS before progressing on to Advanced HTML.