Follow Techotopia on Twitter

On-line Guides
All Guides
eBook Store
iOS / Android
Linux for Beginners
Office Productivity
Linux Installation
Linux Security
Linux Utilities
Linux Virtualization
Linux Kernel
System/Network Admin
Scripting Languages
Development Tools
Web Development
GUI Toolkits/Desktop
Mail Systems
Eclipse Documentation

How To Guides
General System Admin
Linux Security
Linux Filesystems
Web Servers
Graphics & Desktop
PC Hardware
Problem Solutions
Privacy Policy




Eclipse Web Tools Guide
Previous Page Home Next Page

Creating cascading style sheets

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.

To create a new cascading style sheet:
  1. Create a static or a dynamic Web project if you have not already done so.
  2. In the Project Explorer, expand your project and right click on your WebContent folder or on a subfolder under WebContent. 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.
  3. From the context menu, select New > Other > Web > CSS . The New Cascading Style Sheet window appears with your folder selected
  4. Type a file name into the File name field, making sure you include a css extension in the file name.
  5. You have several options for proceeding:
    • To accept the defaults associated with a new CSS file, select Finish.
    • To use a template file for the initial content of your CSS file, select Next. The Select CSS Template window appears. Select the Use CSS Template check box, and then select one of the sample templates. You can also select the CSS Templates link to add or remove HTML templates to your list of templates.

  Published under the terms of the Eclipse Public License Version 1.0 ("EPL") Design by Interspire