Saturday, October 27, 2012

dreamweaver create Cascading Style Sheets

dreamweaver create Cascading Style Sheets

dreamweaver create Cascading Style Sheets 
In a new HTML or CSS document, open the CSS Styles palette. Click on Window then CSS Styles or Shift-F11.
At the bottom of the window is a small document icon with a plus on it. This allows you to start creating new CSS styles. Click on it.Dreamweaver makes it easy to style a specific tag in your document. Just click on the "Tag" radio button, and write the tag name in the Tag: box.
Note: This option will allow you to style only one tag. If you want multiple tags to have the same style, you need to use the next option.One of the most common CSS selectors is the class selector. So Dreamweaver offers it as your first choice for creating a style. Click on the "Class" radio button, and put your class name in the Name: box. Remember that a class name must be all one word, is case-sensitive, and cannot start with a number.
I named my class "bigHead".
Dreamweaver allows you to create a style sheet for your entire site by choosing to define it in a new style sheet file, an existing style sheet file, and in the current document only. I chose to put it in the current document.View the HTML code and you can see that Dreamweaver added the styles to the head of your HTML document. Even though I didn't put the period (.) at the front of the class name, Dreamweaver did it for me. It also commented out the CSS in case older non-CSS browsers hit the site.
I set my Dreamweaver options to use shorthand for my CSS font properties, so Dreamweaver wrote the font styles as just one long font property.
If you chose to write your styles to a separate style sheet, Dreamweaver will create a new CSS file and write the CSS there. You will then need to link to that style sheet from your Web pages.
Once you've defined a class, you can use it to change the style of any associated element on your document. First select the element you'd like to style, then go to the Properties menu (Ctrl-F3 or Cmd-F3) and choose the style class from the drop down menu. As you can see, if the class has visual text styles, they will show up in the menu, so that it's easier for you to tell which style you're picking. You don't even have to remember the name.
buy adobe dreamweaver cs6 mac pc only at $ 50
 Want buy adobe photoshop cs6 at cheap price? you can go to my webshop to buy it ,cheap dreamweaver cs6  full version .
  It is not a OEM or tryout version.
  We offer worldwide shippment .
  You can pay by paypal.
you can buy it at my website shop at only $50 low price cheap dreamweaver cs6 pc mac version and more other usefull design software tools.
 cheap adobe dreamweaver cs6 $50 

No comments:

Post a Comment