Maison > interface Web > tutoriel HTML > le corps du texte

关于CSS样式的引用_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-24 11:35:32
original
1069 Les gens l'ont consulté

很多时候,在布局中需要统一样式,又不可能挨个修改,于是就用到了CSS的统一样式。

写一个公用的样式,需要的东东一起调用。如果需要修改样式,则只需要修改该公用样式即可。


下面简单说一下创建并引用CSS样式的几个进本步骤:

1、现在工程的WebContent目录下创建一个新文件夹,命名为style(这个随意)。

表明我们这个文件夹里放的是CSS样式文件。

2、在刚刚创建的style文件夹内右键-New-Other选择创建CSS文件,并命名。我这里命名为mystyle.css.

3、在这个css样式文件中自定义一个样式。

.pp {    size: 24em;    color: red;}
Copier après la connexion

我是这样定义的,可以定义为你想要的样式。

4、引用说明

引用分为两个部分

一个是在JSP文件中引用,另一个是在Html文件中引用,两个稍微有点不同。

在JSP文件中引用:

<head>    <link href="${pageContext.request.contextPath}/style/mystyle.css" rel="stylesheet"></head>
Copier après la connexion

在Html文件中引用:

<head>    <meta charset="UTF-8">    <link href="style/mystyle.css" rel="stylesheet"></head>
Copier après la connexion

通过对比可以发现不同点在${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>
Copier après la connexion

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal