XHTML+CSS制作样式风格切换的WEB站点
作者 佚名技术
来源 CSS技术
浏览
发布时间 2012-03-06
| ;#CCC no-repeat 5px 12px; text-decoration: none; ) .catalogNav a:visited ( color: #666; text-decoration: underline; ) .catalogNav a:hover ( color: #FFF; font-weight: bold; text-decoration: none; background: url(arrow_on.gif) #F00 no-repeat 5px 12px; ) 接下来我们还需要定义其他的站点独有的样式，如栏目标题、文章列表、文章正文、时间、注释、提示、错误等等各种样式，而且这些样式多以类和id来作为选择符。这些样式都是针对某个站点的，不适用于其他的站点，然后我们将这些样式保存为siteStyle.css文件。 这样我们就有了3个CSS文件。 SiteComm.css：任何站点都可以使用的样式文件，定义了常用的html标签样式。 SiteLayout.css：站点的布局文件，能适用于大多数的网站结构，具体细节需要调整。 siteStyle.css：站点独有的样式文件，能显示出本站点独特的风格和适应于站点的内容。 然后我们采用外部调用法：将这些样式表与页面关联起来。 <LINK rev="stylesheet" media="all" href="css/SiteComm.css" type="text/css" rel="stylesheet"> <LINK rev="stylesheet" media="all" href="css/SiteLayout.css" type="text/css" rel="stylesheet"> <LINK rev="stylesheet" media="all" href="css/siteStyle.css" type="text/css" rel="stylesheet"> 在符合XHTML标准的设计中，我们使用外部调用法，好处不言而喻，HTML文档会变得非常的小，CSS文件被存在浏览器的缓存中，仅仅需要下载一次即可，并且你只需要修改一个文件就可以改变整个网站的样式。 并且这样我们才能通过客户端脚本，或者服务器端代码方便地改变样式表的连接地址，而快捷地实现换肤功能。 5、根据用户设置 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
上一篇: CSS去除表格的默认间距并且制作1px的细线表下一篇: 知道吗？H1标签同样也可以美化
关于XHTML+CSS制作样式风格切换的WEB站点的所有评论
