内容页嵌套母版页时,内容页如何调用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" /
相关文档:
Internet Explorer 8预设是以CSS 2.1为标准,并修正了许多Internet Explorer 7的CSS Bug,这意味着有一部份以往依据IE 7所设计的网页,
在IE 8上的呈现会有所出入,所幸拜IE 7相容检视功能所赐,目前因使用IE 8而导致版面错误的网站并不多。
但一值依赖IE 7相容检视功能并非长久之计,尽早将网站修改为IE 8相容才是长久 ......
这里只把一些我自己还需要改进的地方发上来。
————————————————————————
1.网页不是静态的、绝对的媒体。这意味着内能伸缩变形,用户应该被允许调整自己喜欢的方式, ......
很多时候我们必须使一些块元素并排显示,一般想到的是必须使用浮动,但是块元素浮动给边距(margin)的时候在IE下会出现加倍的BUG,所以很多时候不得不把这个块元素套在一个内联元素里面,然后给内联元素浮动和边距。今天看到了怿飞、秦歌和乌龙茶关于display:inline-block的文章,很不错,综合一下,记录下来。
display:inl ......
<style type="text/css">
.worksbox{width:114px;height:114px;position:relative;}
.worksbox a{border:1px solid #F0F0E8;background-color:#FFF;padding:6px;display:block;}
.worksbox a:hover{border:1px solid #000;background-color:#333;text-decoration: none;}
.worksbox a span{display:none; text-al ......
1、十六进制的颜色值对位数与大小写
编写十六进制颜色值时你可能会用小写字母或省略成3位数,关于这写法没找到确实的数据证明对浏览器的渲染效率是否有影响,但十六进制的颜色值默认标准是大写及6位数标注。在未知情况下不希望冒险而降低了渲染的效率。
* 不赞成 - color:#f3a;
* 建议用 - color:#FF33AA;
2、disp ......