Creating Styles with CSS3 and Styling Text

This course is included in our On-demand training solution.

Overview

CSS3 has a range of styling options for text and list presentation. In this course, you will learn how to use rule sets to create styles, how to group and apply styles, and how to apply styles for effective content display.

Target Audience

Web developers who want to learn CSS3 syntax, create styles and style sheets, and how to use CSS3 to style text

Prerequisites

none

Expected Duration

90 min.

Course Objectives

Course Introduction

Introduction to CSS

  • introduce CSS3 and demonstrate how styles can be applied to content
  • User Agent Style Sheets and CSS Reset

  • describe user agent stylesheets and override them with a CSS Reset
  • Creating Styles

  • demonstrate how to use a rule set to apply a CSS style
  • Inheritance and Cascade

  • describe how CSS styles are inherited and cascaded
  • Inline Styles

  • describe how to implement inline CSS styles and discuss their drawbacks
  • Internal Styles

  • implement internal CSS styles
  • External Styles

  • reference external CSS style sheets
  • Selectors

  • describe basic CSS selectors including the universal, type and id, and class selectors
  • Grouping Selectors with Combinators

  • group CSS selectors using child and sibling combinators
  • Attribute Selectors

  • use CSS attribute selectors to apply styles based one or more of an element’s attributes
  • Pseudo-Classes

  • describe CSS pseudo-classes, reasons for their use, benefits and drawbacks, and use pseudo-classes to apply styles
  • Pseudo-Elements

  • describe CSS pseudo-elements, reasons for their use, benefits and drawbacks, and use pseudo-elements to apply styles
  • Specificity

  • modify the specificity of a CSS selector
  • Working with Fonts

  • use the CSS3 font face rule to apply a web font face
  • Styling Text

  • use CSS properties to style text
  • Positioning Text

  • use CSS properties such as direction, text-align, text-indent, text-spacing, and word-spacing to position text
  • Text Decoration

  • use CSS text decoration (including level 3 shorthand)
  • Styling the First Letter or Line

  • use CSS pseudo selectors to style the first letter or line of a paragraph
  • Styling Lists

  • use CSS to style lists
  • Custom Bulleted Lists

  • use CSS to create custom bulleted lists
  • Exercise: Style Text and Lists with CSS3 (CE)

    MONTHLY SUBSCRIPTION

    $129/month
     

    ANNUAL SUBSCRIPTION

    $1295/year

    Multi-license discounts available for Annual and Monthly subscriptions.