Join James Williamson for an in-depth discussion in this video Writing a CSS reset, part of Managing CSS in Dreamweaver.
One of the most common problems that designers face when writing their styles…is failing to account for the default margins and padding inherent in most browsers.…Every browser has a default style sheet that assigns properties to common…elements like paragraphs and headings, and every browser's style sheet is just a…little bit different from the others.…It can be extremely frustrating…to try to track down why you have that little bit of extra space between…paragraphs in your styles, when in fact, the problem was with the default…styling from a browser, not your style sheet.…
Now, to deal with this, and to make it a little bit easier to have pages look…consistent across multiple browsers, many designers use a CSS Reset.…A CSS Reset is typically a grouped selector that simply resets the values…like padding and margin to 0, stripping off all the default values found in most browsers.…So let's go ahead and build one.…Again, this is a page with no styling whatsoever.…You can see the main.css is empty, other than all the headers and the…
- Building a CSS-friendly workspace in Dreamweaver
- Creating style sheets visually
- Hand-coding styles
- Working with code hinting
- Organizing style sheets with color coding and sections
- Writing global classes
- Eliminating style conflicts
- Deploying styles
- Dealing with browser compatibility issues
Skill Level Intermediate
Typography with CSS in Dreamweaverwith Joseph Lowery2h 30m Intermediate
Site Navigation with CSS in Dreamweaverwith Joseph Lowery3h 24m Intermediate
1. Using Dreamweaver's Tools and Panels
2. Organizing Style Sheets
3. Reusing Styles
4. Deploying Styles
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.