 |  |  |  |  |  |  |  |
CSS, Style Sheet Internally or Externally ?
Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
 |
Hello,
I'm relatively new to CSS and am interested to know if it's generally better to implement CSS internally or externally, the pro's and con's if there are any of course!
I'm relatively new to CSS and am interested to know if it's generally better to implement CSS internally or externally, the pro's and con's if there are any of course!
Externally. Why?
Let's say your site has 50 pages using the same basic styles. If your styles are internal, they'll have to be hard coded into each individual page. That means that if you visit 10 pages in the site, the styles will have to be downloaded all 10 times. If you'd have used an external stylesheet, the styles would get downloaded once, loaded into the cache, and reused for each page.
Also, if you decide to change up the style of something like your navigation bar or footer, you'll only have to change it once instead of 50 times.
Let's say your site has 50 pages using the same basic styles. If your styles are internal, they'll have to be hard coded into each individual page. That means that if you visit 10 pages in the site, the styles will have to be downloaded all 10 times. If you'd have used an external stylesheet, the styles would get downloaded once, loaded into the cache, and reused for each page.
Also, if you decide to change up the style of something like your navigation bar or footer, you'll only have to change it once instead of 50 times.
Lost time is never found again.
- Benjamin Franklin
- Benjamin Franklin
Externally. Buddylee hit it square on the head.
For you, it'll mean much less coding. (And/or copying and pasting). If you code externally, you just need one stylesheet, where everything will be located. You can link it to all your webpages by adding a link in the <head> tags.
It also helps with organization. You'll have less coding in your web pages (+1). Like said before, you'll have everything in one file.
For you, it'll mean much less coding. (And/or copying and pasting). If you code externally, you just need one stylesheet, where everything will be located. You can link it to all your webpages by adding a link in the <head> tags.
HTML and CSS Syntax (Toggle Plain Text)
It also helps with organization. You'll have less coding in your web pages (+1). Like said before, you'll have everything in one file.
•
•
Join Date: Jun 2008
Posts: 55
Reputation: 
Solved Threads: 3
Junior Poster in Training
As others have said, External style sheets are your best method for designing a website.
1) You don't have to edit multiple places to change styles.
2) It allows you to have pages appear differently based on which style sheet is loaded - perfect for dynamic websites.
3) Reuse your code easily.
4) Further separates your code from your presentation.
5) It's a good habit to get into based on Rule 4. You should always code once, and reuse it.
1) You don't have to edit multiple places to change styles.
2) It allows you to have pages appear differently based on which style sheet is loaded - perfect for dynamic websites.
3) Reuse your code easily.
4) Further separates your code from your presentation.
5) It's a good habit to get into based on Rule 4. You should always code once, and reuse it.
Rexibit Web Services - Website Design - SEO - North Georgia Website Design
Don't just build it - CSS it.
Don't just build it - CSS it.
|
Other Threads in the HTML and CSS Forum
- Previous Thread: Url redirection
- Next Thread: web page design
| Thread Tools | Search this Thread |
You need to join our community in order to build your list of favorite forums. You can visit the forum index for a listing of all forums.
Related Forum Features
Latest HTML and CSS Posts
- Today's Posts
- Unanswered Threads
appointments asp background backgroundcolor beta browser bug calendar cart cgi code codeinjection corporateidentity css design development displayimageinsteadofflash dreamweaver emailmarketing epilepsy explorer firefox flash form google griefers hackers hitcounter hover html ie7 ie8 iframe image images internet internetexplorer intranet iphone javascript jpeg layout macbook maps marketshare microsoft mozilla multimedia navigationbars news offshoreoutsourcingcompany opacity opera optimization pnginie6 positioning scroll seo shopping swf swf. textcolor timecolor titletags url urlseparatedwords visualization web webdevelopment webform website windows7