Web design Linkbut spacePrint design Linkbut spaceLogo Design Linkbut spaceTemplates linkbut spaceWeb Hosting linkbut spaceWeb Marketing linkbut spacetutorials linkbut spaceTips and Articles linkbut spacePartners linkbut gap
blue-box image-1 image-2 image-3
spaces

maa services

space

Dreamweaver Tutorials

» Dreamweaver Tips

» Define a Site in Dreamweaver

» Dreamweaver Behaviors

» Pop-Up Windows

» Jump Menus

» Play Sound

» Layers

» Show Hide Layers

» Dreamweaver Web Photo Album

» Dreamweaver Image Maps

» Using Templates in Dreamweaver

» Server Side Includes

» Making your site Live!

» Dreamweaver Form Tips

» Flash Text Rollover

» CSS Styles Tutorial

» CSS Text Rollovers

» Links without Underline

» Anchors and Mailto

 

» Fireworks Effects and Tutorials

» Flash Tutorials

» Photoshop Tutorials

 

Tips and Articles
» Advertising Ideas
» Templates Creating Ideas and Tips
» Dedicated Server Tips
» Domain Name Tips
» Ecommerce Tips
» Hosting Tips

» Logo Design Concept

» Emal Marketing

» Offset Printing Tips

» Website Design Tips

» Website Promotion

» Affiliated Program Tips

 

 

Maa Web Design
» Brochure Website
» E-Commerce Website
» Flash Website
» Web Template Customization
» CMS Development
» E-News Letter

 

Maa Print Design
» Press Advert Design
» Banner Design
» Brochures Design

» Copywriting Services
» Direct Mail Design
» Flyers Design
» Illustration Works
» Invitations Design
» Menu Design
» News Letter Design

» Packaging Design

» Posters Design
» Presentation Folders
» Signage Design

 

Maa Identity Design
» Logo Design
» Stationary Design
» Corporate Identity Design
» Logo Template Customization

 

Maa Templates
» Web Templates
» PSD Templates

» Low Cost PSD Templates
» Logo Templates
» Stationary Templates
» PowerPoint Templates
» Print Temples

 

Maa Web Hosting
» Domain Registration
» Web Site hosting
» Email
» Dedicated Server

 

Maa Web Marketing
» Search Engine Submission
» Search Engine Optimizing
» E-mail Marketing

» Website Content Writing

» E-mail Promotional Newsletter
» Live Chat Agent

 

space
Creating CSS Styles in DreamweaverMX

Find out how to use CSS Styles to format text in web site. Cool tips included.

CSS Styles are the easiest and best way of formatting text in a web site. You can simply make a style with a specified font type, size and color and use it all over the site instead of cluttering your HTML code with endless font tags. Styles can be used in tables, rows, cells and be used for form objects. When you use style sheets, its possibilities are endless. Here are the various ways of using styles in this tutorial.

Learn how to create a style sheet in Dreamweaver. Simply follow these steps:

new css style

  1. Open the CSS Styles palette by clicking on Window>CSS Styles
  2. Click on the '+' icon to create a new style. You'll get the pop-up box as shown. Write the name of your style e.g. 'text', choose 'Make Custom Style' and click OK.
  3. Create your own custom style by choosing the font type, size, weight, color etc. Click on Ok. You have created a style. Repeat these steps if you want to create more styles for titles, subtitles, links etc.
  4.  

    style definition

Applying styles to text

 

If you have completed and created your styles then you can apply the style to your text. Simply select the text and click on the style in CSS Styles palette.

 

HTML Code: When you use styles you have to set a 'class' e.g. <td class = "text">. Here, all the contents of the cell will catch on the style called 'text'.

 

Cool CSS Style Tips!

 

  • Use the a:hover attribute to make cool text rollovers. Learn more
  • By using the attribute 'none' to remove the underline in links. Learn more.
  • By giving a background color and font to customize form objects. Learn more.
  • Try out the 'Line Height' correctly in your style to give more line spacing.
  • Apply the default text style to the the table cell. All the text within the cell will be taking the default font. The code will be like this: <td class="Name of Style">
  • Better to link your pages to an external style sheet rather than creating a style within a particular document. If you ever need to change a commonly used font you just change it in the style sheet and the change will automatically get updated in all documents that use that style.

 

 

Back to Tutorials Home Page


arrow

Maa Design Services
MAA offers high-quality website design services at affordable prices and fast turnaround time. We provide ready-made & custom website design solutions to global clients from London, UK. Take a look at our client testimonials from clients all over the world. Contact us today to get started on your website!

 

 

arrow

Client Testimonials

"If you want the QUICKEST service, the BEST web design, Logo and the FRIENDLIEST communication, DezineHub is the ONLY business to turn to. They far exceeded my expectations! I give them the HIGHEST recommendation! "
Dilip, Chemmen Ltd UK

 

space

packages

space

top

arrowMaa Web Design
-Brochure Website
-E-Commerce Website
-Flash Website more>

bottam

space

top

arrowMaa Web Design
-Brochure Website
-E-Commerce Website
-Flash Website more>

bottam

space

top

arrowMaa Web Design
-Brochure Website
-E-Commerce Website
-Flash Website more>

bottam

space

top

arrowMaa Web Design
-Brochure Website
-E-Commerce Website
-Flash Website more>

bottam

space

top

arrowMaa Web Design
-Brochure Website
-E-Commerce Website
-Flash Website more>

bottam

space

top

arrowMaa Web Design
-Brochure Website
-E-Commerce Website
-Flash Website more>

bottam

space

top

arrowMaa Web Design
-Brochure Website
-E-Commerce Website
-Flash Website more>

bottam

space

spaces
bottam-left
Home | About | Services | Package | Portfolio | Testimonials | Free Downloads | Free Tutorials | Jobs | Privacy Policy | Terms & Conditions | Contact
Copyright © 2005 Maagraphics.com - All rights reserved. Site Designed and Developed by MAA Design Ltd. London, UK
bottam-right

Design services : Brochure Website | E-Commerce Website | Flash Website | Web Template Customization | CMS Development | E-News Letter | AD Design
Brochures Design | Flayers Design | News Letter Design | Posters Design | Invitations Design | Menu Design | Banner Design | Logo Design | Stationary Design
Corporate Identity Design | Animated Logo Design | Web Templates | 3D logo Design | PSD Templates | Logo Templates | Stationary Templates | Print Templates
PowerPoint Templates| Domain Registration | WebSite hosting | Email|Dedicated Server | SEO | E-mail Marketing | Live Chat Agent | Site Map