css - 我应该将主页和着陆页的 CSS 保存在单独的 CSS 中吗?

标签 css xhtml

我应该将主页和登陆页面的 CSS 保存在大型网站的单独 CSS 文件中吗? ?

如果我用 7-8 个不同的模板制作网站,其中 1 个主页模板,1 个用于内部内容页面,其他模板用于不同类型的着陆页。

网站中相同的 HTML 元素需要不同的样式,

例如:

对于内页 H2 有不同的样式,但对于着陆页 H2 在颜色、字体大小、行高、上下边距方面是不同的

我应该如何管理这一切?制作良好、易于管理、可扫描的 CSS 的任何技巧。

提前致谢。

最佳答案

使用不同的 <body id="home_page"> 怎么样? <body id="download_page">等等!?

或类似 wrapper 的东西或 content像往常一样而不是使用 body !

所以你有:

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 */ 

只是一个例子,但你明白了!

更新

如果您使用的是 CMS,我不知道是普通的 cms 还是您创建的,我也不知道您是否可以自由地以自定义方式编辑它,或者需要成为客户的即插即用!

假设您正在使用 php 渲染所有页面内容,那么您可以

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!

关于css - 我应该将主页和着陆页的 CSS 保存在单独的 CSS 中吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2749875/

相关文章:

html - 在 html 中编码物理地址的最佳方法是什么?

java - 如何使用<h :commandButton action ="#{method here}"/>?

jquery - 折叠时动画跳转

php - 获取当前插入 ID 的 ID

css - 在电子邮件模板中使用绝对/相对位置

CSS - Twitter Bootstrap 的红色字体

html - bootstrap 隐藏在小屏幕上不起作用?

html - href 目标 div 容器同页

html - 输入字段名称以数字开头

html - XHTML 是 HTML 的子集吗?