ansaurus

Question

Should i keep css of home page and landing pages in seperate css?

Answer 1

A:

It depends on how much of the CSS is reusable and how much is specific.

David Dorward 2010-05-01 12:22:42

typography of home and landing pages is different and for other pages it's same. header and footer, width of container ae same across the site.

metal-gear-solid 2010-05-01 12:25:13

And the typography consists of what? 5% of the CSS? 97% of the CSS?

David Dorward 2010-05-01 12:27:22

typography of site is consistent in 95% cases other than 5% which is on home and landing pages. The problem is in inner pages I use h1 h2 as needed in content but on home and landing pages which has boxes for different purposes in that boxes I also use h2 , h3 etc for content boxe's heading where i need different color, font -size, line height, top bottom margin of heading and other typographic elements

metal-gear-solid 2010-05-01 12:32:58

and css of site will be handled by other people after finished my work if any changes comes in future in design from client side.

metal-gear-solid 2010-05-01 12:34:26

@metal-gear-solid - you should never just overwrite h2 in such cases, make it also class dependent, something like => h2.homepage / h2.subpage

ntziolis 2010-05-01 12:48:31

@ntziolis - will class properties override on HTML selector's properties?

metal-gear-solid 2010-05-01 13:03:34

http://www.w3.org/TR/CSS21/cascade.html#specificity

David Dorward 2010-05-01 14:38:28

Answer 2

A:

what about using different <body id="home_page"> <body id="download_page"> and so on!?

or something like wrapper or content as usual instead of using body!

so you have:

body { padding:0; margin: 0; text-align:center; } /*applied to all*/    
h2 { font: normal normal 14px sans-serif } /*applied to all*/    
#home_page h2 { color: #333 }   /* home page only */ 
#download_page h2 { color: #666 } /* download page only */

just an example but you got the idea!

UPDATE

if you are using CMS, i don't know if is a common cms or one created by you, and also i don't know if you are free to edit it as you want in a custom way, or need to be a plug and play for client!

Assuming you are rendering all the pages content with php, then you can

1 - check for what page the user is viewing and switch style! not very elegant although!

2 - your cms may have OR if of your creation should have some option for theme creation like:

define( DEFAULT_STYLE , true ); //or false this would make my very fisrt responce real!

3 - render the CSS from backend header("Content-type: text/css"); based on what is the user request!

aSeptik 2010-05-01 12:43:43

the problem of this method is we work on CMS which already adds ID to `<body id="download_page">` but the problem can arise for other pages bcoz this function is dynamic , for example if client will change "download page" to "download section" then body will be changed to `<body id="download_section">` and css will not work

metal-gear-solid 2010-05-01 12:49:20

ansaurus

tags:

views:

answers:

Should i keep css of home page and landing pages in seperate css?

related questions