Join Joseph Lowery for an in-depth discussion in this video Defining first-line variations, part of Typography with CSS in Dreamweaver.
- View Offline
- Exercise Files
When you've got a lot of text on the page, it's often a good idea to make the…start of each paragraph stand out in some manner.…The typical method is to indent the first line of each paragraph a bit.…This can be easily handled by the CSS Text Indent Property.…But what if you don't want to be typical?…The first-line pseudo-class has you covered.…If you're familiar with the term pseudo -class, you'll recognize it from some…other examples in CSS like hover, visited and active.…The first-line pseudo-class is used to create a CSS selector in the same way as…those more frequently used examples. Let's take a look.…
Now with my tours.htm file from Chapter 5 > 05_06 folder open and available.…I'm in Live View and I'm going to scroll down to my tour descriptions, and here…you see that there is a first paragraph, it's kind of in a blockish form here.…So I'm going to go ahead and make this stand out a little but.…I'll just put my cursor there so that I can get the #mainContent….tourDescription p or paragraph tag rule up.…
- 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.