Text Styles in Dreamweaver

This entry is part 15 of 20 in the series Dreamweaver CS5 Tutorial

We have added the text to out pages but the default font doesn’t really look good.  Let us specify the text styles in Dreamweaver.

All the visible content in the web pages will be between the

tag in HTML. We can specify the properties of this body tag in our style sheet so that all the text in our web pages display in the Verdana/ Helvetica font and are a size 12px.

To do this:

  • Click on the ‘New CSS Rule’ icon at the bottom of the CSS Styles Panel
  • In the ‘New CSS Rule’ window, under ‘Selector Type’, select ‘Tag’
  • Under ‘Selector Name’, select or type ‘body’
  • Click OK
  • In the ‘CSS Rule Definition’ window for ‘Font Family’ select ‘Verdana, Geneva, sans-serif’
  • For Font-size, type ’12′ and select ‘px’
  • Click OK
  • The style of the text in the web page will change. It looks better now!


Dreamweaver CS5 Tutorial

  1. Dreamweaver Cs5 Tutorial
  2. Define Site
  3. Dreamweaver CS5 Template
  4. Dreamweaver Website Layout
  5. CSS Layout – Dreaweaver CS5
  6. Dreamweaver CS5 Website Header
  7. Dreamweaver DIV/ CSS Layout
  8. Dreamweaver Menu
  9. Editing Styles in Dreamweaver
  10. Editable Regions in Dreamweaver Template
  11. Webpages in Dreamweaver
  12. Linking to webpages in Dreamweaver
  13. Styles for text links in Dreamweaver
  14. Web Page Content
  15. Text Styles in Dreamweaver
  16. Heading Styles | Dreamweaver
  17. Contact Forms | Dreamweaver
  18. Form Styles | Dreamweaver
  19. Test Website | Dreamweaver
  20. FTP/ Upload Files to Hosting Server | Dreamweaver
Series Navigation Web Page ContentHeading Styles | Dreamweaver

Posted in Dreamweaver | No Comments »