I use Dreamweaver MX to do all my web site work. Style sheets are definitly the way you need to go. It is very easy. The steps are below.
1. create a new file names "style.css"
2. You can put the file anywhere but I put it in the root directory where your "index.html" is located.
3. I always make a "template" for a site to control navagation, header and footer. So open the template file now. If you are not using templates open a HTMl file.
4. On the right under "Design" select the "css styles" tab.
5. There are 4 little icons at the bottow of the window. The first one is "attach style sheet". Click this and navagate to the "style.css" file. Select this file and make sure "ad as link" is checked on the fist window that opened up. The path to your style sheet should be set in this window now. Click ok and the file is now linked to your Template or html file.
6. Once the style.css file is linked to the template you can now add some styles.
7. At the bottom of the "design" window click the second button. It has a little plus sign on the icon.
8. Name the new style. Example = ".bodytext" or ".table1"
Select "type -->>use css selector". Select "define in" style.css
9. click ok
10. A window pops up for you to set all the attributes of your new style.
11. The two of interest immediatly are "type" and "background"
12. select "type" and set your properties.
13. Click ok to close the window. Now you will see the new style in the window on the right.
14. Now the easy part. To set a style for any element on your page such as a table with content simply select the element with your pointer. Look below the page and above the properties bar and you sill see a line of code. These are the elements of the page. The one you selected will be in bold. Right click on it and select "set class". All the styles will be listed there and just pick one or the one you made. You page will be immediatly updated.
You can make as many styles as you want.
I have a simple default "style.css" file that I use for new sites. In the file are all the common styles I have set. I set styles for "body" text and define a few styles for different layout tables. I call them "table1", "table2" ....etc. Table1 for example has 10pt verdans,arial,... set.
Table2 has 12pt verdana set. I then make other styles for headers and footers of the tables. Say you want the first row of a table to have larger bold text in red and the content of the table 10pt white text. Your styles would look like this
I just copy the "style.css" file to my site file and I have a starting style sheet to work from. You will find that most page elements are all the same no matter what site you are building. You will only need to add special styles specific to your layout to the style sheet.
Now any time you design an element like a Rate table or a content area all you have to do is right cick the code element and select a class.
Further any time you want to change the size of the text in ALL the tables with a style of ".table1text" all you have to do is edit the style sheet and all the tables will istantly be set to the new text attributes you set.
You can set all kinds of style options from table background colors, border colors, and even the placement of text inside of table cells exactly by pixels. If a tabel cell is 20 pixles tall and 40 pixels wide you can set the position of the text in this cell at say 10 pixels to the right and 10 pixels from the top. You can't do this with simple html styles like "left, right. center". It will make your design choices much greater and allow you to concentrate on layout containers instead of fiddling around with multiple table cells to get the correct layout you want.
Doens't this sound much easier than going to every page in your site and selecting text and manully changing the text sizes. Also your text sizes are set in points not relative size.
If you use a "html" style of "3" or "4" this means it is relative to the default text size set in the users browser as discussed above in this thread. This method does not set the text in point size. It means that if I have a "+2" set in my browser that your "2" will equal "4" in my browser so the text will be twice as large and your layout will be messed up in "my browser".