| <?xml version="1.0" encoding="UTF-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
| <html lang="en-us" xml:lang="en-us"> |
| <head> |
| <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> |
| <meta name="copyright" content="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" /> |
| <meta name="DC.rights.owner" content="(C) Copyright 2000, 2006" /> |
| <meta content="public" name="security" /> |
| <meta content="index,follow" name="Robots" /> |
| <meta http-equiv="PICS-Label" content='(PICS-1.1 "http://www.icra.org/ratingsv02.html" l gen true r (cz 1 lz 1 nz 1 oz 1 vz 1) "http://www.rsac.org/ratingsv01.html" l gen true r (n 0 s 0 v 0 l 0) "http://www.classify.org/safesurf/" l gen true r (SS~~000 1))' /> |
| <meta content="task" name="DC.Type" /> |
| <meta name="DC.Title" content="Creating cascading style sheets" /> |
| <meta name="abstract" content="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." /> |
| <meta name="description" content="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." /> |
| <meta content="style sheets, creating" name="DC.subject" /> |
| <meta content="style sheets, creating" name="keywords" /> |
| <meta content="XHTML" name="DC.Format" /> |
| <meta content="tstylesheet" name="DC.Identifier" /> |
| <meta content="en-us" name="DC.Language" /> |
| <link href="../../org.eclipse.wst.doc.user/common.css" type="text/css" rel="stylesheet" /> |
| <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"><span class="uicontrol">New</span> |
| > <span class="uicontrol">Other</span> > <span class="uicontrol">Web</span> > <span class="uicontrol">CSS</span> |
| </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 <span class="uicontrol">Finish.</span></li> |
| |
| <li> To use a template file for the initial content of your CSS file, |
| select <span class="uicontrol">Next</span>. The Select CSS Template window appears. |
| Select the <span class="uicontrol">Use CSS Template</span> check box, and then select |
| one of the sample templates. You can also select the <span class="uicontrol">CSS Templates</span> link |
| to add or remove HTML templates to your list of templates.</li> |
| |
| </ul> |
| |
| </li> |
| |
| </ol> |
| |
| </div> |
| |
| |
| </body> |
| </html> |