How to Make a CSS File in Dreamweaver

Format your Web page content with CSS styles.

Adobe Dreamweaver enables you to build Web pages and manage your website as well as create a variety of document types such as HTML, PHP, JSP and CSS. Cascading style sheets, or CSS, contain rules that allow you to define the display and layout parameters for your Web page data. Once you create a CSS file, link it to your Web pages to apply the rules.

Instructions

1. Launch Dreamweaver and press "Ctrl' and "N" to create a new document.

2. Click the "General" tab in the "New Document" window. Select the "Blank Page" category. Select the "CSS" page type and click "Create."

3. Type the CSS styles you want to define as in the following examples:

   body

   {

   font-family: arial,helvetica, verdana,sans-serif;

   font-size: 12px;

   }

   a{

   color: #0000FF;

   text-decoration: none;

   }

4. Save the file using a CSS extension, for example, "mainStyles.css."

5. Open your Web page and include a link for the style by including the following reference before the closing head (</head>) tag:

   <link href="mainStyles.css" rel="stylesheet" type="text/css">

Resources

• Adobe: Adobe Dreamweaver CS5.5
• W3Schools: CSS Tutorial