WebsiteTips.com - Web Design Tutorials, Tips, Top Resources

Converting Existing Content to CSS, Step 1

Setting Up a Basic Page

by Shirley E. Kaiser, M.A., SKDesigns

Copyright © 2001-2016, Shirley E. Kaiser, M.A., SKDesigns. All rights reserved. Published at websitetips.com with permission.

Thinking about converting an existing Web page or an entire Web site from <font> tags to using CSS (cascading style sheets)? This first tutorial of a new series will guide you through the very basics to help get you started.

Style sheets are incredibly valuable and helpful with your site development, maintenance, and redesign. In the long run, it will save you endless hours of time and make your Web site's styles so much easier to keep consistent, and to update or change.

Note: This tutorial will not teach basic HTML. It's written based on readers having at least an introductory familiarity with basic HTML.

Create a Simple Web Page

To get the idea of what CSS can do, let's start with very basic HTML markup to create a simple Web page.


Here's what your markup should look like:

Very basic HTML document. (A separate window will open.)

Let's add some text to use for playing.


Here's what your markup should look like:

Markup with text added. (A separate window will open.)

top‘On this page’ menuNavigation belowSearch/Sidebar

Articles, Tutorials, Tips:

Most Popular Books

In association with  In Association with Amazon.com 

Our Other Sites

SKDesigns

Effective, accessible, standards-based Web site design since 1996

SKDesigns - skdesigns.com

Brainstorms & Raves

Weblog on Web design, CSS, standards, music, more. By Shirley Kaiser, SKDesigns.

Brainstorms & Raves


Within Articles, Tutorials, Tips:

Within Web Site Resources:
SkipShow or Hide Detailed Navigation