It is easy to guess that the
first definition will allow us to change, most significantly, the background, the
border and the font of the form, while the second allows us to change the space given
to the labels (currently only 10% of the width of the page).
But where do we put our own style definitions? It will be convenient to have a
directory for all the assets of our web application, let's name it appropriately, styles.
It should be created at the root of the web application, on the same level where page
templates are placed.
To create it in NetBeans, right click on the Web Pages folder inside the project
structure. Select New|File/Folder??¦, then Other in Categories and Folder in File
Types. Click on Next, give the new folder a name, and then click on Finish. Now
right click on the new styles folder and again select New|File Folder??¦. Choose
Other for Categories, Empty File for File Types, click on Next and name the new file
something like styles.css.
In Eclipse, the sequence of actions will be similar, but the new styles folder should be
added to the WebContent folder in the project structure.
Chapter 5
[ 149 ]
Now we can put the aforementioned style definitions into styles.
Pages:
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199