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

プログラミングQA

[ad_1]

やあ。 これは分離コードのない 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

例:

C#
................
<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;
}

[ad_2]

コメント

タイトルとURLをコピーしました