How to Create One CSS File for Your Entire Website

STEPS

• Create your file. Using a program like Adobe Dreamweaver, Microsoft Expression Web, Kompozer or even Notepad, go to the "File" menu and click "New". Give your file a simple name like "style.css".

 then

• Add comments to separate the styles for different pages. Of course, there should be universal styles that apply to the entire website, but there are some elements that only apply to a certain page.

 then

• Make use of the "id" or "class" element in HTML. This is essential if you want to separate unique elements.

then

• Put your universal elements near the top of the page.

 then

• Put the unique styles below the comment line for your selected page. As a reminder, a CSS comment looks like this: /*Comment Here*/.

 then

• Enjoy the convenience of your one CSS file!

Browse More Articles

Tweet

Written by Viva SABC

We are Creative Blogger Theme Wavers which provides user friendly, effective and easy to use themes. Each support has free and providing HD support screen casting.