使用母版页时内容页如何使用css和javascript
由于网站的主要频道页和列表页的头部和底部都是一样的，如果将每个页面放在单独的页面中，当头部和底部需要更改时维护量太大。于是想把头部和底部做成母版页，频道页和列表页的具体内容放到内容页中。这样当头和底需要改动时，只要修改一下母版页就可以了。
好处有了，问题也接着来了。原来在频道页和列表页中有其各自的css引入和一些javascript函数，当使用母版页时，放在内容页中这些css样式和javascript函数怎么处理呢？因为大家知道，使用母版页的内容页是不能包含<head></head>标记的，而css和javascript函数的声明是要放到<head></head>中间的，这些css样式和javascript函数如何处理呢？上网查了一下，大致有三种解决方案：方案一：把所有的css样式和javascript函数放到母版页的<head></head>中，我觉得这样做的弊端就是导致母版页的<head></head>区特别臃肿，同时如果原来两个频道页中包含同名的css声明或javascript函数，但却是不同样式或执行不同操作，怎么办呢？所以这第一种方案很快被我否定了。方案二是在内容页的PageLoad事件中通过代码来指定本内容页的css文件。具体代码如下：
代码如下:
static public class ControlHelper
{
static public void AddStyleSheet(Page page, string cssPath)
{
HtmlLink link = new HtmlLink();
link.Href = cssPath;
link.Attributes["rel"] = "stylesheet";
link.Attributes["type"] = "text/css";
page.Header.Controls.Add(link);
}
}
这样，在具体页面，我们就可以通过如下代码添加 CSS 引用：
复制代码代码如下:
protected void Page_Load(object sender, EventArgs e)
{
ControlHelper.AddStyleSheet(this.Page, "css/projectPage.css");
}
这种解决方案的好处时可以在程序运行时动态更改所需的css文件，但是对javascript函数处理起来该怎么做呢？再说有必要把本该加在html代码中的css和javascript通过cs代码来加入吗？因此，这种解决方案也很快被我否定了。剩下的第三种解决方案就是在母版页的<head></head>中添加一个内容控件，然后在内容页中在对应的内容控件中写css和javascript代码。听起来这个这个解决方案应该是�
相关文档：
1. 检查HTML元素是否有拼写错误、是否忘记结束标记
即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。
2. 检查CSS是否正确
检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的
工具，但也能检查出拼写错误。
3. 确定错误 ......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<TITLE>无刷新变换样式表</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /& ......
我们把它分为如下图所示块
具体的HTML,DIV+CSS排版样式为
我们一行一行分析,
1.全部的代码均在一个DIV容器(我暂时这样称呼) Head里面,我们来看看Head的写法
#Head{
text-align:center;
}
为什么Head前面有一个"#"号呢?
而有的却是在前面加一个"．"比如 "．Head",有时候写css的时候干脆什么也不� ......
这个bug，主要是一个二级菜单，在ie7中hover时正常显示出来，在ie6下没有效果。在网上找了很多资料，弄了好几天，最终是参照别人的代码，用的纯css经过自己的整理，就把它给弄下来了。希望以后自己多来看看。
如下：
－－－－－－－－－－－－－－－－－－－
css代码：
.allMenu
{
width: 8 ......
1. 检查HTML元素是否有拼写错误、是否忘记结束标记
即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。
2. 检查CSS是否正确
检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的工具，但也能检查出拼写错误。
3. 确定错误发 ......
