内容页嵌套母版页时,内容页如何调用css和javascript
当在做项目时,通常我们会大量的使用母版页,使用母版页的好处显而易见,但通常在内容页中嵌套母版页时,我们还要在内容页中调用css样式和 javascript函数,好处有了,问题也来了。有两种解决方法,第一种就是在母版页的头部<head></head>标记中,嵌入所有css样式和javascript函数,这样做使得母版页的内容非常庞大,如果其中的一些内容页并不需要其中的css样式和js函数,在页面加载时,还是会去从母版页中加载,所以这种方案虽然可行,但并不完美。方案二:就是在母版页的头部<head></head>标记中放入<asp:ContentPlaceHolder id="head" runat="server"> </asp:ContentPlaceHolder>控件,在内容页中再添加一个< asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">控件,ID属性设为<asp:ContentPlaceHolder>的ID值。这样就可以在内容页中嵌入css样式和js函数了。下面是代码,我的开发环境是Microsoft Visual Studio 2008.
母版页代码:
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="indexPage.master.cs"
Inherits="indexPage" %> <%@ Register Assembly="AjaxControlToolkit"
Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head id="Head1" runat="server">
<title>Home Page</title> <%--此处放入ContentPlaceHolder控件 --%>
<asp:ContentPlaceHolder id="head" runat="server"> </asp:ContentPlaceHolder>
<meta http-equiv="content-type" content="text/html;charset=utf-8" /></head>
内容页代码:
<%@ Page Title="" Language="C#" MasterPageFile="~/indexPage.master"
AutoEventWireup="true" CodeFile="companiesTest.aspx.cs"
Inherits="companiesTest" %><asp:Content ID="Content1"
ContentPlaceHolderID="head" Runat="Server">
<%-- Content控件内,放入要调用的css样式和js函数--%>
<link href="css/uses.css" rel="stylesheet" type="text/css" /
相关文档:
CSS 盒模型
网页设计中的每个元素都是长方形的盒子。盒子的尺寸是怎样精确计算的,请看下图:
如果是 Firebug 用户的话(基本和前端有关的都会用到 Firebug 吧 – 糖伴西红柿),就会很熟悉下面的图表了。
这个图表很好地展示了作用于页面上任意盒子的数值。
注意以上两个例子中,margi ......
Internet Explorer 8预设是以CSS 2.1为标准,并修正了许多Internet Explorer 7的CSS Bug,这意味着有一部份以往依据IE 7所设计的网页,
在IE 8上的呈现会有所出入,所幸拜IE 7相容检视功能所赐,目前因使用IE 8而导致版面错误的网站并不多。
但一值依赖IE 7相容检视功能并非长久之计,尽早将网站修改为IE 8相容才是长久 ......
.
Transparent
{
width
: 16px
;
height
: 42px
;
background
: transparent
url(images/transparent.png)
no-repeat
;
}
*
html
.
Transparent
{
&nbs ......
我承认我并不经常想这个问题......我们写的css的效率是怎么样的呢,浏览器渲染的速度又如何呢?
这是应该是浏览器开发者应该关心的(页面加载更快,用户就会更愉快)。Mozilla有一篇文章:about best practices . Google当然也很关心这个问题,他们也有这样一篇文章:Optimize browser rendering 。
让我们了解下他们主要倡 ......