Join James Williamson for an in-depth discussion in this video Writing global classes, part of Managing CSS in Dreamweaver.
- View Offline
- Exercise Files
For the most part, your style sheets will consist of specific styles targeting…elements on the page;…However, it's extremely helpful to have a global serve classes that can assist…when needing to do common tasks, such as floating elements, clearing floats and…basic elements styling.…These classes can then be used to add styling without needing to write…extraneous markup all the way throughout your styles.…So here I have the main.css, and I want to go down to my global classes sections.…I am just going to scroll down through my sections until I find this one, about line 129.…
Now, these are going to be what I consider to be utility styles, meaning I'm not…going to rely on them to do this every single time, but if I'm working and…maintaining my site later on, and all of sudden, I am like, hey, I need to float…this element to left, or float it to right, and I don't want to change its parent…selector, then I'm going to apply the class, alright.…So the first class I want to do is .floatRight.…Notice that's all one word, and the dot is in the front of it because this is a class selector.…
- 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?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
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.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.