To create a CSS file, use the CSS wizard to generate the CSS file, then use the CSS editor or similar to edit the file. The method is described below.
Creating a new CSS File
From the [New] wizard, select [Web] > [CSS], and the wizard creates the CSS file. Refer to the following for the wizard settings:
Enter or select the parent folder
Select the folder where the CSS file is to be created.
File name
Specify the name of the CSS file to be created. If the extension is omitted, ".css" is used as the extension.
Use CSS Template
Select the checkbox if you want to use a template to create the CSS file. New templates can also be added.
Editing the CSS File
Use the CSS editor to edit a CSS file. The CSS editor has the following features:
Highlighted display of syntax
Selectors, comments, property names, property values, and so on, are each highlighted in different colors. The highlighting method can be customized using settings.
Contents Assist
In accordance with the cursor location, suggestions concerning selectors, property names, and property values are displayed in the Contents Assist list. Press the [Ctrl+Space] keys to display the contents assist list, and enter characters to narrow down the possible choices.
Point
In order to check the CSS file design, use a Web browser to view the HTML file that applies the CSS file. To apply a CSS file in an HTML file, code a LINK tag like the following in the HTML file:
<LINK href="default.css" rel="stylesheet" type="text/css">
For convenience, arrange the Web browser used to check the design and the CSS editor to be side by side. After the CSS file is changed, save the file, then select "Refresh" at the Web browser.
