Give a DIV an Already Created CSS Design Using Class and Id's in Dreamweaver

Dreamweaver CSS Programming
By See all their Tutorials
By using classes and IDs on divisions to give CSS effect on your webpage provides a neater and organized look to the webpage. These classes and IDs of the CSS file can be called and used at any point while implementing the document.

You can give the same set of CSS designs to more than one DIV of a page, and similarly give a DIV more than one CSS designs by calling multiple CSS classes inside a DIV to construct your HTML page.

If you wish to provide a DIV some CSS design that is already available in a class or ID, you can do so by calling the particular class or ID inside the DIV.

Here’s how:

  • Initialize the Dreamweaver 7.0 program from the Start menu.
  • On the interface, select Insert from the menu bar.
  • From the drop-down list that appears, click on Div.
  • On the Insert Div box, click the arrow facing downwards after the Class section.
  • From the drop-down list that opens up, select the target class, and hit OK.
  • On the interface, select File from the menu bar.
  • Click on Save from the drop-down to save the changes.