多くの場合、レイアウトには統一されたスタイルが必要ですが、それを 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>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
