我应该将主页和登陆页面的 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/