Edit Article

  • 69 views

  • Edited by WritingEnthusiast14 and 2 others

  • Edited

When making a website, it can be frustrating to have to create a bunch of different CSS files. It gets confusing, annoying, and delaying. Well, you don't have to do that when you can put it all into one file!

Ad

Steps

  1. 1
    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".
    Ad
  2. 2
    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.
  3. 3
    Make use of the "id" or "class" element in HTML. This is essential if you want to separate unique elements.
  4. 4
    Put your universal elements near the top of the page.
  5. 5
    Put the unique styles below the comment line for your selected page. As a reminder, a CSS comment looks like this: /*Comment Here*/.
  6. 6
    Enjoy the convenience of your one CSS file!
    Ad
Add your own method
Save

Warnings

  • This can be a great solution that is nearly ideal for smaller websites. For larger websites, the file could turn huge and it could be very inconvenient to find an individual style.

Related wikiHows

How to
Learn Web Design for Free

Article Info

Categories: Website Maintenance

Recent edits by: Tidal_Taco, WritingEnthusiast14

Ad

Thanks to all authors for creating a page that has been read 69 times.

Did this article help you?

YesNo

Become
an Author!

Write an Article