ホームページ > 記事 > ウェブフロントエンド > CSS スタイルに関するリファレンス_html/css_WEB-ITnose
CSS スタイルに関するリファレンス_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:35:321037ブラウズ
多くの場合、レイアウトには統一されたスタイルが必要ですが、それを 1 つずつ変更するのは不可能なので、CSS の統一スタイルが使用されます。
共通のスタイルを作成し、必要なものすべてと一緒に呼び出します。スタイルを変更する必要がある場合は、パブリック スタイルのみを変更する必要があります。
1. プロジェクトの WebContent ディレクトリに新しいフォルダーを作成し、それに style という名前を付けます (これはオプションです)。
このフォルダーに配置した CSS スタイル ファイルが次のとおりであることを示します。
2. 作成したスタイル フォルダーを右クリックし、[新規]-[その他]を選択して CSS ファイルを作成し、名前を付けます。 mystyle.css という名前を付けました。
3. この CSS スタイル ファイルでスタイルをカスタマイズします。
.pp { size: 24em; color: red;} 私はこのように定義しましたが、必要なスタイルとして定義できます。
4. リファレンスの説明
リファレンスは 2 つの部分に分かれています
1 つは JSP ファイル内で引用され、もう 1 つは Html ファイル内で引用されており、この 2 つは若干異なります。
JSP ファイル内で引用:
<head> <link href="${pageContext.request.contextPath}/style/mystyle.css" rel="stylesheet"></head> Html ファイル内で引用:
<head> <meta charset="UTF-8"> <link href="style/mystyle.css" rel="stylesheet"></head>
比較すると、プロジェクトのパスにある ${pageContext.request.contextPath} の違いがわかります
5。引用開始 (JSP と HTML は同じです)
<form name="myForm" action="/WebTest001/myServlet" method="post"> <p class="pp">这个是CSS练习</p> <input class="pp" type="button" value="send" onclick="send();"></form>
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。