在VS 2005和ASP.NET 2.0中处理CSS样式表

作者: 出处:IT168　 ( ) 砖 ( ) 好评论 ( ) 条　进入论坛

更新时间：2007-01-24 09:16
关键词：VS ASP .NET CSS
阅读提示：本文给读者一个所有基于母板页的网页自动获得样式表的技巧，就是由控件提供的对相对路径调整的支持。可以在母板页里使用这个东西来轻松地引用一个在整个项目里重用的.CSS 样式表文件，不管这个项目是相对于根目录的还是一个子应用。

推荐一个可在ASP.NET 2.0中利用的技巧是，当使用CSS时，使用母板页的功能给你的网站提供统一的UI，使用母板页在一个地方引用所有的样式表，这样，所有基于这个母板页的网页就会自动获得这些样式表。

可利用的一个技巧是由 <head runat="server"> 控件提供的对相对路径调整的支持。可以在母板页里使用这个东西来轻松地引用一个在整个项目里重用的.CSS 样式表文件，不管这个项目是相对于根目录的还是一个子应用：

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="Site.master.cs" Inherits="Site" %>
<html><head runat="server">
<title>Master Page</title>
<link href="StyleSheet.css" rel="stylesheet" type="text/css" />
</head><body>
<form id="form1" runat="server">
<asp:contentplaceholder id="MainContent" runat="server">
</asp:contentplaceholder>
</form></body></html> 

<head> 控件的路径调整功能然后就可以取一个 .CSS 样式表文件的相对路径，然后在运行时正确地输出其绝对路径，不管它是个相对于根目录的网站还是一个子应用的一部分。

然后，网站上的页面就可以类似下面这样的内容，这些网页会在运行时和在设计时VS的HTML即见即所得(WYSIWYG)设计器里自动获得样式表设置：

<%@ Page Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" Title="Sample Page" %>
<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" Runat="Server">
<h1>Root Web Site Sample</h1>
<a href="/Products">Click here to go to the Products section (note the absolute path) </a>
</asp:Content>

因为包含在 .CSS 样式表文件中的图片引用是相对于 .CSS文件的路径而被浏览器引用的，而不是相对于使用样式表文件的网页的路径的，可以把这个行为与上面的这个 <head runat="server"> 的逻辑结合起来，使得你的图片在根网站和子应用两个情形下自动生效，即使后来改变路径也不会出问题。

通过这个方式引用的图片在VS 2005的HTML即见即所得(WYSIWYG)设计器里也会正确地显示，不这样做的话，VS 2005有时会有困难决定获取图片引用的“/”根路径。

（责任编辑火凤凰 sunsj@51cto.com TEL：（010）68476636-8007）

滚动新闻　术语词典　问题悬赏

发表

共条查看

评价

叫个好

拍一砖

相关

博客

帖子

·ADO.NET之Access“存储过程”
·Div+CSS布局
·Useful Logging Options in .Net
·.Net Win Forms Themes
·ASP+FSO+框架实现ASP生成htm静态页并分..

·linux vsftp配置
·利用AJAX和ASP.NET实现简单聊天室
·ASP主机空间租用论坛空间租用乐拓数据中..
·asp显视上一页和下页的代码,申请加精
·基于.Net架构大型OA系统

我也说两句

中国领先的 IT 技术网站 ·
技术成就梦想

·C++是垃圾语言？！
·2007年IT界七大抄袭事件

· 未来游戏设计将要面临..
· 矩阵!Google Earth挑战..
· 能够改变IT格局的五大..
· WindowsMobile应该如何..
· 如何用正则删除不包含..
· Spring2 Hibernate3 Ju..

· 多核处理器趋势对软件..
· 用PHP V5开发多任务应..
· 一种2D游戏引擎的设计..
· linux vsftp配置
· 利用AJAX和ASP.NET实现..
· ASP主机空间租用论坛空..

排行榜

·Java基础教程 (查看52473次)
·UML类图详解 (查看46951次)
·Java编程开发手册 (查看25172次)
·UML统一建模语言 (查看24155次)
·C#技术开发指南 (查看22515次)

·Java编程开发手册 (1195个砖)
·Java基础教程 (429个砖)
·C#技术开发指南 (304个砖)
·PB开发教程 (220个砖)
·.NET开发手册 (217个砖)

·Java编程开发手册 (653个好)
·Java基础教程 (569个好)
·.NET开发手册 (251个好)
·PB开发教程 (209个好)
·Delphi开发技术手册 (174个好)

·C++是垃圾语言？！ (09月)
·2007年IT界七大抄袭事件 (09月)
·Java实用开发全集 (07月)
·J2EE实用技巧大全 (04月)
·开源框架Eclipse发展历程 (04月)

·国庆充电之IT培训认证
·51CTO主编推荐经典专题

· 51CTO“十·一”特别专..
· 对应需求如何选择最合..
· SPEC：AMD四核浮点性能..
· FB-DIMM、RDDR3谁是服..
· Avaya股东批准私募基金..
· 未来游戏设计将要面临..
· 微软发布全新FTP7.0
· 网络嗅探教程：用Sniff..

· 能够改变IT格局的五大..
· 微软统一沟通系列视频..
· 专家教你理解ARP欺骗攻..
· 微软屈从用户PC厂商压..
· 企业如何对付DDoS攻击 ..
· 思科称三年后网真系统..
· 北京歌华出现网络故障 ..
· 苹果与黑客大斗法破解..

订阅技术快讯

电子杂志下载

名称：网络安全精品应用黄皮书
简介：《2007精品网络安全黄皮书》包括了9个大类24个小类， 800余篇文章，内容包含了熊猫烧香病毒、DDOS攻击、ARP病等热点问题的介绍及解决方案。从病毒查杀、防范、系统、数据等各方面的安全设置到黑客技术的了解、防范，涉及到了安全应用的全部领域, 由浅至深内容全面。

名称：Vista精品应用黄皮书
简介：《Vista精品应用黄皮书》囊括了Vista的各方面内容。此次的精简版，是将里面的内容做了提取，便于用户下载和使用。内容包含了各种Vista的安装与实施、技巧与解析以及各种Vista相关学习文档和相关软件的安全下载。该电子书是了解和应用Vista人员必备的工具手册，并且也是第一本

名称：2006中国IT论坛精品集合
简介：本书由“51CTO论坛推广联盟”制作完成。书中所有内容均来自各联盟成员的论坛（网站）。制作本书的目的是为了集中大家的优势资源，将更多更精彩的内容带给广大技术爱好者。本书是联盟成立以来制作的第一本书。

专题

· 我是黑客我怕谁——讲..
· ARP攻击防范与解决方案
· Solaris 10 配置管理
· Solaris基础知识入门
· RIP路由协议专栏
· MPLS路由协议专栏
· OSPF路由协议专栏
· 思科路由器产品

Java编程开发手册

Java基础教程

· Java基础教程
· VPN技术
· ARP攻击防范与解决方案
· SQL Server 2005全解
· SOA 面向服务架构
· SQL Server 2005全解
· Java编程开发手册
· RAID——磁盘阵列基础

· 三层交换技术专题
· SQL Server入门到精通
· Windows Server 2003企..
· Windows远程桌面应用
· C#技术开发指南
· VPN技术
· Solaris 10 配置管理
· C#技术开发指南

Java编程开发手册

Java基础教程

· ARP攻击防范与解决方案
· VPN技术
· SQL Server 2005全解
· Java基础教程
· SQL Server入门到精通
· SQL Server 2005全解
· SOA 面向服务架构
· Java编程开发手册

· C#技术开发指南
· 三层交换技术专题
· C#技术开发指南
· Windows远程桌面应用
· RAID——磁盘阵列基础
· Windows Server 2003企..
· 邮件服务器专题
· wimax技术与趋势

专家

博客

导读

关键字阅读

频道精选

组网建网	安全频道
· NGN:下一代网络 · 网络访问中断大排查 · FTTx光纤接入	· 教你使用Anti ARP Sniff.. · 网络嗅探教程：使用Snif.. · 常见病毒手工清除方法大..
编程频道	前沿技术
· C++是垃圾语言？！ · 2007年IT界七大抄袭事件 · Java实用开发全集	· 解析Ajax开发框架走进A.. · 基于Google Maps与Ajax.. · 基于Google Maps与Ajax..
操作系统	服务器
· 热门 IT 培训认证官方资.. · Ubuntu 中文开源频道 · Solaris基础知识入门	· 费力不讨好数据中心主.. · AMD Phenom三核处理器解.. · 51CTO主编推荐经典专题
数据库	存储频道
· 甲骨文Oracle 11g正式发.. · Oracle数据库开发之PL/S.. · Oracle数据库开发基础教..	· 存储2006，一个并购的大.. · IDC宣布浪潮蝉联存储市.. · 双机热备技术

DB2 9技术资源中.. 推荐阅读
·DB2 Viper快速入门 ·DB2 9数据库的镜像分割与..	·将XML应用程序从DB2 8.x.. ·DB2 9中的pureXML：如何..
51CTO.com编辑部.. 推荐阅读
·服务器中的“傻瓜机”在.. ·盖茨也喜欢登录Youtube看..	· ·

张振伦的博客
·拯救系统管理员 ·美国选民：我为什么选布什	·VMware公司中文命名挑战赛 ·我们真缺乏创新吗?
梁林的博客
·J0ker的CISSP之路：复习-.. ·J0ker的CISSP之路:复习-I..	·9月第3周安全回顾内网安.. ·教你几招识别和防御Web网..