Advanced Layouts in Dreamweaver.

This entry is part 13 of 13 in the series Dreamweaver tutorials

Section 12. Advanced Layouts

Define customs styles, known as cascading style sheets, or css or used to format a web page. They are set of properties created automatically by dreamweaver when you change the setting of the element, they are reused when the same setting are applied to the same element.

The best thing is css is they can be defined by the user. It is best to do when you develop an advanced layout.

press file on the menu bar to create a new css for your page
choose new
choose css from the basic page list
press create
press file again
type styles.css
press save.

Lets insert a custom style that will be applied to the whole document:

we type body and a list of all the available properties will appear
double click background color
we can select a standard color
press enter to choose the margin property on the x axis
we type 0 pixels press enter
style followed by the dot sign can be used to code the dreamweaver type content-cell{select vertical align} press enter ;
pres top align press enter, fd, double click font family, double click verdana, ;
fd double click font size,
you can also type a value that is not in the list,
press enter;
double click justify, ;
p padding press enter,;
inherit; press enter,