【解決方法】aspx ページ内で css を使用する方法

やあ。これは分離コードのない aspx ファイルです。また、デザイン veiw には css クラスがあります。
このページを他のページのヘッダーに追加するにはどうすればよいですか?

このコードの詳細:

ASP.NET

<%@ Page %>

BODY { 
	font-size:8pt; font-family:tahoma;
	scrollbar-face-color:#E5E5E5;
	margin:0px;
	padding:5px;
	background-attachment: fixed;
	background-repeat: no-repeat; 
	background-color:#F8F8F8;
}

TABLE {
	font-size:8pt;
	font-family:tahoma;
}

FORM {
	margin:0px;	
}

TH {
	background-color: #ffffff;
	color:#000000;
}



.containerDiv {
	width:100%;
	height:100%;
	direction:ltr;
}


.errorMessage {
	font-size:8pt;
	font-weight:bold;
	color:firebrick;
}

.ellipsis {
	text-overflow:ellipsis;
	overflow:hidden;
}

.note {
	text-align:middle;
	padding-left:20px;
	padding-right:20px;
	font-weight:600;
	color:firebrick;
}

解決策 1
解決策 2
解決策 3
解決策 4
解決策 6

解決策 1

例：

................
<head id="Head1" runat="server">

<style type="text/css">
.containerDiv {
	width:100%;
	height:100%;
	direction:ltr;
}
.errorMessage {
	font-size:8pt;
	font-weight:bold;
	color:firebrick;
} 
.ellipsis {
	text-overflow:ellipsis;
	overflow:hidden;
} 
.note {
	text-align:middle;
	padding-left:20px;
	padding-right:20px;
	font-weight:600;
	color:firebrick;
}
</style>
</head>

よろしく..:笑:

解決策 2

このcssの参照を提供したい場合は、cssファイルを作成し、必要なページへのリンクを提供してください。

この方法でリンクを与える… 🙂

css ファイル名が mystyle.css であるとします。
css ファイルパスが text/css の場合、リンクは次のようになります。

HTML

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>

解決策 3

やあ、

クラスとすべての css 関連のものを別の .css ファイルに保存し、そのファイルをすべてのページに参照してください。好き：

<linkhref="../CLASSIC/main.css" type="text/css" rel="stylesheet"/>

その後、これはすべてのファイルで利用可能になります。

参照：
aspx ページに css を追加する
 CSSコードをasp.net Webサイトに追加する方法

ありがとう

解決策 4

これらの CSS を 1 ページだけにしたい場合は、スタイルタグ内に埋め込む必要があります。

XML

<style type="text/css">
    //CSS statements goes here
</style>

スタイルが多くのページで共通している場合は、プロジェクトに新しい CSS ファイル (.css 拡張子が必要) を追加し、これらのスタイルをそのファイルに移動します。
次に、Web ページの head セクションで CSS ファイルを次のように参照します。

<link href="CSSFileName.css" rel="stylesheet" type="text/css" />

それが役立つことを願っています!

解決策 6

<%@ Page %>

BODY { 
	font-size:8pt; font-family:tahoma;
	scrollbar-face-color:#E5E5E5;
	margin:0px;
	padding:5px;
	background-attachment: fixed;
	background-repeat: no-repeat; 
	background-color:#F8F8F8;
}

TABLE {
	font-size:8pt;
	font-family:tahoma;
}

FORM {
	margin:0px;	
}

TH {
	background-color: #ffffff;
	color:#000000;
}



.containerDiv {
	width:100%;
	height:100%;
	direction:ltr;
}


.errorMessage {
	font-size:8pt;
	font-weight:bold;
	color:firebrick;
}

.ellipsis {
	text-overflow:ellipsis;
	overflow:hidden;
}

.note {
	text-align:middle;
	padding-left:20px;
	padding-right:20px;
	font-weight:600;
	color:firebrick;
}