网页风格化用CSS实现皮肤适时切换 - HTML/CSS教程 - 网页制作

ljjk5

元帅

UID 46706
精华 1
积分 99426
帖子 49691
威望 554
金币 48489
热心 505
阅读权限 100
注册 2007-2-25
状态离线

使用道具

发表于 2007-4-15 05:48 资料个人空间主页短消息加为好友

网页风格化用CSS实现皮肤适时切换

　　用W3C标准建造的网站，从理论上来说可以做到完全的表现与结构相分离。打个比方，就是可以在不动骨架（结构，XHMTL）和肌肉（行为，Javascript）的前提下，彻彻底底地换一身皮（表现，CSS）。
　　当然，换皮之前你需要先按W3C标准建好你的网站，并且为它准备两套表现不一样的CSS。“换皮”实质上就是“换CSS”，我们要做的，只是用某种方法让浏览器载入另一套CSS，重新渲染页面。方法有很多种，我就介绍最常见的三种。
　　方法一：什么也不干
　　啊？什么也不干？嗯，这个……准确地说是：就干那么一丁点儿（你还真以为有这么好的事儿呀……）。
　　假设我们有两套CSS，分别封闭在两个不同的文件中：a.css和b.css。然后在<head>和</head>之间加入如下两行XHTML代码：

<link rel="stylesheet" type="text/css"
title="主题A" href="a.css" />
<link rel="alternate stylesheet" type="text/css"
title="主题B" href="b.css" />
……
非常抱歉，您的当前状态为游客，因此只能查阅部分内容。要查阅完整内容请登录或者注册。

[广告] 免费域名(Free Subdomain) 免费空间(Free hosting) PR查询(Google Pagerank)

网友生活网 \| 网友学堂	如何获得金币？	诚招斑竹	IP归属地查询 PR查询收录查询 whois查询
免费超短2级域名,your.jpy.cc	火狐浏览器，网上冲浪更快更爽更惬意	注册亚洲交友中心，找个人来同居吧！	7CODE查杀恶意代码，守护您的电脑