易截截图软件、单文件、免安装、纯绿色、仅160KB

内容页嵌套母版页时,内容页如何调用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设置的TABLE边框格式代码

TABLE{
BORDER-RIGHT: #888 1px solid;
BORDER-TOP: #888 1px solid;
MARGIN-TOP: 10px;
BORDER-LEFT: #888 1px solid;
WIDTH: 100%;
BORDER-BOTTOM: #888 1px solid;
FONT-FAMILY: Arial, Helvetica, sans-serif;
BORDER-COLLAPSE: collapse;
}
TABLE PRE {
BORDER-TOP-WIDTH: 0px;
PADDING-RIGHT: 0px;
PA ......

如何使CSS渲染更高效

我承认我并不经常想这个问题......我们写的css的效率是怎么样的呢,浏览器渲染的速度又如何呢?
这是应该是浏览器开发者应该关心的(页面加载更快,用户就会更愉快)。Mozilla有一篇文章:about best practices . Google当然也很关心这个问题,他们也有这样一篇文章:Optimize browser rendering 。
让我们了解下他们主要倡 ......

自定义CSDN博客CSS样式


可以在博客的配置页面的自定义css栏中填入css样式代码来自定也blog的风格
csdn blog的页面架构基本是由div实现的,整个页面主要由三个div组成,它们的id分别是:
csdnblog_header,
csdnblog_sidebar, csdnblog_content。
所以,定义它们的主体样式可以这样:
#csdnblog_header
{
   
//头部的风格 ......

发文章中,图片把div撑破了的解决办法 css代码

发文章中,图片把div撑破了的解决办法
原来图片自适应宽度一般都是通过Javascript来解决的,但是多少还是比较麻烦。还有一种通过设置外层容器overflow:hidden属性来解决,但是这样会导致图片显示不全的问题。今天看到了一种新的解决办法,通过CSS来解决这个问题。
CSS代码
img{   
max-width:500px;&nbs ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号