Best practices of CSS
Cascading style sheets (CSS) are the best practice for the layout and styling of web page content. Using CSS simplifies site design and maintenance. When style information for an entire site is captured as CSS, changes that are made to the style sheet will immediately appear in all pages that use that style sheet. Using CSS allows a designer to tailor the way a page looks depending on how the user views the page. Specific style sheets can be created for screen, handheld devices, or print to help ensure that design will render appropriately regardless of where it is viewed.
Best practices of CSS with Adobe Dreamweaver CS3
Adobe® Dreamweaver® CS3 software provides the best tools for creating and maintaining CSS-based web pages, either graphically through Design view or by hand-coding in Code view, including:
Unified CSS panel
All the CSS functionality in Dreamweaver CS3 is consolidated into one panel set and enhanced to make working with CSS easier and more productive. This interface makes it easier to see and update the cascade of styles applied to a specific element.
CSS layout visualization
Apply visual aids at design time to outline CSS layout borders or color CSS layouts to reveal complex nesting schemes and improve selection. Click on the CSS layout for valuable Tooltips, such as ID and padding and margin and border settings.
CSS rendering improvements
Match how complex CSS layouts will render in most browsers, with substantial improvements in Design view accuracy. Dreamweaver now fully supports overflow, pseudo-elements, and form elements.
Style Rendering toolbar
The Style Rendering toolbar allows users to view content the way end users will see it when type-specific style sheets are attached and toggle to see how the page will look in print, on a handheld device, or on a screen.
Code hinting and completion
Code hints and auto completion of code are both available in Code view, making it even faster to write CSS by hand in Dreamweaver CS3 compared with other code editors.
CSS resources
Learn more about CSS and Adobe Dreamweaver CS3
Try Adobe Dreamweaver CS3
Get a free 30-day trial to experience the CSS tools in Dreamweaver CS3.
Dreamweaver recorded seminar series
Watch recorded versions of our past online seminars. Note that you will need to register before you can view the seminars.
- A Closer Look at the Best Practices of CSS with Dave Shea
- Rebuilding the XXL Magazine Site with CSS and Dreamweaver 8
- Advanced Support for CSS
- A Closer Look at the Best Practices of CSS with Eric Meyer
Customer case studies
See how Harris Publications uses Dreamweaver to manage CSS on the Rides Magazine website.
Articles and tutorials
Overview of CSS in Dreamweaver 8
Get familiar with all the new CSS features, tools, workflows, and user interface improvements.
Introduction to designing with CSS
Learn the basics of CSS-based layouts.
CSS on multiple media types
Take CSS from screen to print to handheld.
Tableless layouts with Dreamweaver 8
Tired of using nested tables to design your pages? Modernize your layout by using CSS.
Styling forms with CSS
Learn how to control the look of your forms with CSS.
Creating a simple three-column design with CSS and Dreamweaver 8
Take your CSS designs from two to three columns.
Understanding specificity
Get a grasp on how specificity of CSS selector types affects the styling of your web pages.
