| <?xml version="1.0" encoding="UTF-8"?> |
| <!DOCTYPE html |
| PUBLIC "-//IETF//DTD HTML 4.0//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
| <html><head> |
| <!-- /******************************************************************************* |
| * Copyright (c) 2000, 2006 IBM Corporation and others. |
| * All rights reserved. This program and the accompanying materials |
| * are made available under the terms of the Eclipse Public License v1.0 |
| * which accompanies this distribution, and is available at |
| * http://www.eclipse.org/legal/epl-v10.html |
| * |
| * Contributors: |
| * IBM Corporation - initial API and implementation |
| *******************************************************************************/ --> |
| <link rel="stylesheet" type="text/css" href="../../org.eclipse.wst.doc.user/common.css"/> |
| <title>Creating cascading style sheets</title> |
| </head> |
| <body id="tstylesheet"><a name="tstylesheet"><!-- --></a> |
| <h1 class="topictitle1">Creating cascading style sheets</h1> |
| <div><p>Cascading style sheets enable you to define a consistent look and |
| feel throughout your Web site by maintaining the contents (Web pages) and |
| the design (the style sheet) separately.</p> |
| <div class="section">To create a new cascading style sheet:</div> |
| <ol><li class="stepexpand"><span>Create a static or a dynamic Web project if you have not already |
| done so.</span></li> |
| <li class="stepexpand"><span>In the Project Explorer, expand your project and right click on |
| your WebContent folder or on a subfolder under WebContent. </span> Note |
| that if you choose any other folder in which to create the CSS file, then |
| it will not be included in the WAR file that is deployed to the server. </li> |
| <li class="stepexpand"><span>From the context menu, select <span class="menucascade"><b>New</b> > <b>Other</b> > <b>Web</b> > <b>CSS</b></span>.</span> The New Cascading Style Sheet window appears |
| with your folder selected</li> |
| <li class="stepexpand"><span>Type a file name into the File name field, making sure you include |
| a css extension in the file name.</span></li> |
| <li class="stepexpand"><span> You have several options for proceeding:</span><ul><li>To accept the defaults associated with a new CSS file, select <b>Finish.</b></li> |
| <li> To use a template file for the initial content of your CSS file, |
| select <b>Next</b>. The Select CSS Template window appears. |
| Select the <b>Use CSS Template</b> check box, and then select |
| one of the sample templates. You can also select the <b>CSS Templates</b> link |
| to add or remove HTML templates to your list of templates.</li> |
| </ul> |
| </li> |
| </ol> |
| </div> |
| </body></html> |