ASP。NET 中怎么套用 样式表 即CSS
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了ASP。NET 中怎么套用 样式表 即CSS相关的知识，希望对你有一定的参考价值。
有人说在ASP。NET中可以用样式表 作美工 谁能告诉我怎么做呀 CSS 怎么在 VC编辑器中用呀 还是用别的软件呀
比如说 我要用图片中的layout.css
那么 在你的页面源代码中head标记之间
<head>
<link href="css/layout.css" rel="stylesheet" type="text/css" />
</head>
然后你的整个页面都将套用layout.css样式
若layout.css中定义了名称为td的样式
你在用的时候只需要将元素的Class=”td“即可
样式表layout.css中格式为
.名称
样式1;
样式2;
样式可以在右侧属性里通过视图添加 也可手写。
给你举个例子：
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="welcome.MasterPage" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head runat="server">
<title></title>
<asp:ContentPlaceHolder ID="HeadMain" runat="server">
</asp:ContentPlaceHolder>
</head>
<body>
<form id="FormMain" runat="server">
<asp:ContentPlaceHolder ID="ContentPlaceHolderMain" runat="server">
</asp:ContentPlaceHolder>
</form>
</body>
</html>
模板页创建时放两个ContentPlaceHolder(使用Visual Studio 2008时默认就会这样创建)。
以下是已给套用该模板页并加载某个css的页面:
<%@ Page Title="Welcome to Parabola ACM Platform" Language="C#" MasterPageFile="./MasterPage.master"
AutoEventWireup="true"CodeFile="Default.aspx.cs"
Inherits="welcome.Default" %>
<asp:Content ID="ContentHead" ContentPlaceHolderID="HeadMain" runat="Server">
<link href="../styles/homeBase.css" rel="stylesheet" type="text/css" />
//其他的css,js都可以再这里引用，这里的东西在最后生成的//HTML中会放到Head标签中。
</asp:Content>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolderMain" runat="Server">
</asp:Content>
--------------------------例子结束-----------------------
其实更简单的办法，直接在<asp:Content>标签内加载CSS样式也是可以的，但是并不是很规范。规范的方法请参考我之前给你打出的例子。
从 ASP.NET 代码更改 CSS 样式 [重复]
【中文标题】从 ASP.NET 代码更改 CSS 样式 [重复]【英文标题】：Changing CSS style from ASP.NET code [duplicate] 【发布时间】：2010-09-29 00:24:26 【问题描述】：可能重复：Change CSS Dynamically
我需要从 ASP.NET 代码 (VB) 更改 div 容器的高度（CSS 属性高度）。
我该怎么做？
【问题讨论】：
看看这个：***.com/questions/1501577/change-css-dynamically 【参考方案1】：C#，因为我不想打错 VB 语法。
标记：
<div runat="server" id="divControl">...</div>
页面类：
protected System.Web.UI.HtmlControls.HtmlGenericControl divControl;
OnLoad/其他功能：
divControl.Style.Add("height", number / anotherNumer);
【讨论】：
控件你是指div的ID吗？ 谢谢，但我不知道 c# 语法.... @David，即使您不使用 C# 编写代码，至少学习如何阅读和翻译它也可能会有所帮助。我想你会发现很多来自微软的新东西的例子都会首先出现在 C# 中。 @tvanfosson - 同意，这是一项很棒的技能 上面有个错字，应该是divControl.Styles.Add而不是divControl.Style.Add【参考方案2】：我发现当使用 C# 代码修改 CSS 值时，代码会很快变得混乱。也许更好的方法是让您的代码在 div 标签上动态设置 class 属性，然后将任何特定的 CSS 设置存储在样式表中。
这可能不适合您的情况，但如果您需要在服务器端代码中动态更改样式，它是一个不错的默认位置。
【讨论】：
【参考方案3】：VB版本：
类：
Protected divControl As System.Web.UI.HtmlControls.HtmlGenericControl
OnLoad/其他功能：
divControl.Style("height") = "200px"
我从未尝试过使用样式的 Add 方法。如果高度已经存在于 DIV 上怎么办？
【讨论】：
【参考方案4】：如果您的 div 是一个带有 runat="server" 的 ASP.NET 控件，那么 AviewAnew 的答案应该可以做到。如果它只是一个 HTML div，那么您可能想要使用 JavaScript。您可以将实际的 div 标签添加到您的问题中吗？
【讨论】：
【参考方案5】：作为一个不做 - 另一种方法是使用：
divControl.Attributes.Add("style", "height: number");
但不要把它当作它的杂乱无章，AviewAnew 的答案是正确的方法。
【讨论】：
以上是关于ASP。NET 中怎么套用 样式表 即CSS的主要内容，如果未能解决你的问题，请参考以下文章