- You are here:
- WebsiteTips Home
- Articles, Tutorials, Tips
- CSS
- Convert Content to CSS
Converting Existing Content to CSS, Step 1
Setting Up a Basic Page
by Shirley E. Kaiser, M.A., SKDesigns
Copyright © 2001-2018, 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.
On this page:
Also within this tutorial, Converting Existing Content to CSS:
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.)