Join Joseph Lowery for an in-depth discussion in this video Understanding type measurement unit options , part of Typography with CSS in Dreamweaver.
- View Offline
- Exercise Files
When specifying type for a web site, one of the first decisions a designer must…make, is which kind of measurement unit to use.…Pixels, percents and ems, are among the most common choices.…Although there is a trend in particular a direction, designers are really all…over the map on this question.…This chapter will explain the differences in the various measurement units, and…explore the options, so you can make an informed choice.…Type measurement units fall into two camps, Fixed and Percentage.…
Generally, Typeset in fixed measurement units like pixels, do not scale, while…type defined in the percentage-based unit, like Ems, do.…Pixels are an absolute measurement that defines the size of the type, based on…the screen resolution.…Besides Pixels, other Fixed Measurement Units include Points, Inches,…Centimeters and Millimeters.…Among Percentage Measurement Units, are Percent, Ems and Exes.…Ems are based, on the width of the widest letter of the alphabet, which as you…may have guessed is the M. Exes, as you've probably figured out, is based on…
- Modifying type in the CSS Styles panel
- Understanding the different type measurement unit options
- Allowing users to set page type size
- Employing web-safe fonts
- Exploring CSS 3 typeface options
- Setting up @font-face
- Applying color and transparency to type
- Styling the font weight, case, and letter spacing
- Inserting drop caps
- Rotating text with CSS transform
- Laying out text in multiple columns
- Incorporating ordered and unordered lists
- Targeting lists items with the nth-child selector
Skill Level Intermediate
Creative Inspirations: Doyald Young, Logotype Designerwith Doyald Young1h 41m Appropriate for all
1. Modifying Type in Dreamweaver
2. Establishing the Proper Type Unit
Working with pixels2m 34s
3. Choosing Site Typefaces
4. Integrating Color
Applying color to type4m 52s
5. Selecting Type Styles
6. Using Advanced CSS Text Effects
7. Structuring CSS Text
8. Defining Lists with HTML and CSS
- 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.