Web.design1.0
tutorials and resources
Style.sheets
Cascading Style Sheets, better known as CSS, enable you to control the style and layout of a web page. They will enable you to specify link styles, fonts, margins, tables, colors, sizes, alignments and much more throughout your entire web page.
They can also be used to create a template like style sheet (stored within a separate file) that can be used throughout your web site. You can simply link to your style sheet within each of your web pages and have the ability to update the styles for your entire web site with just one file.
CSS will save you a great deal of time. When it comes to the Internet, there are really only two elements: Content and the way that content is presented. With HTML, we provide content, and define how that content will be presented within the HTML code. However, we are very limited as to what we can do with HTML.
Each browser is different and they see things differently. This is why webmasters are instructed from the very beginning to view their web pages in many different browsers, such as Internet Explorer, Netscape, Firefox, and Opera (among many others), to make sure that their web pages appear as they intended and expected them to from one browser to another.
Overall, the HTML code on the web page polices the content, and the CSS polices the HTML. This allows you to create web pages that are suitable for all browsers.
One of the best benefits of using CSS within your web pages is the ease of updating your web pages. If you'd like to make a change to your design, instead of having to change hundreds of web pages on your site, you can make one simple change to the CSS file, and it will automatically update all of the pages on your web site. CSS enables you to do in seconds what would take hours to do in HTML.
CSS Text styles - dreamweaver tutorial
Go to Window > click CSS styles this will bring up a new window in the CSS pallette, click on new CSS rule toward the bottom.
The "New CSS Rule" dialog box will appear, choose class and pick a name for it and make sure "This document only" is selected. Click OK
"The CSS Rule Definition box will come up, from here you can choose your font from the drop down menu or you can disable the underline that usually comes with links or just about anything else. Click OK
You will see a few lines of code were added to your head tags. Now whenever you link a line of text it will refer here for variables.
To link text to your style, simply select the text in dreamweaver, and in the properties window click the style drop down menu and choose the name of your style. Your text will assume the variable you chose earlier.