Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

External Style Sheets

6:06 pm on Mar 20, 2011 (gmt 0)

New User

5+ Year Member

joined:Aug 17, 2010
posts: 36
votes: 0

Hi! I'm looking for 'best practices' advice concerning external style sheets.
When developing a webpage, I first keep my styles internally within the page HTML. Then I try to move most of the styles to an external style sheet(s). However, after moving the styles to the external sheet, priority conflicts occur affecting the webpage layout and I spend no end of time trying to debug the conflicts. After awhile, I give up and just move the styles back into the HTML file for the page, which defeats the purpose of the external sheet. It makes no sense to write code this way.
What is the 'best practices' way to proceed with the placement of CSS styles?
Appreciate any advice.
6:27 pm on Mar 20, 2011 (gmt 0)

Junior Member

5+ Year Member

joined:Mar 17, 2010
posts: 104
votes: 1

Creating the site with an external stylesheet from the start would be best.

This way, all the styles are in one spot for easier maintenance but it also makes it easier to troubleshoot.

Styles are applied in the order the browser finds them. If you have something in the internal stylesheet or an inline style those will override the external stylesheet.

With an external stylesheet you also have to be careful what order you add styles but it is easier to rearrange the styles in the external stylesheet or make them container specific by applying them to a specific div id.
9:46 pm on Mar 22, 2011 (gmt 0)

New User

5+ Year Member

joined:Aug 17, 2010
posts: 36
votes: 0

Thanks for the advice................looks like I've got work to do!

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members