Styling Page Elements using CSS3

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

Overview

CSS3 has a wide range of options for configuring web page elements. In this course, you will learn how to work with color, apply borders, and other styling features to elements. You will also learn how to configure tables with CSS3 for effective presentation of content such as spreadsheet and calendar data.

Target Audience

Web developers who want to learn how to use the features of CSS3

Prerequisites

None

Expected Duration

90 min.

Course Objectives

Course Introduction

Adding Borders to an Element

  • use CSS to add a border to an element
  • Adding Rounded Borders to an Element

  • use CSS to add rounded borders to an element
  • Adding Blurred Edges to an Element

  • use CSS to add blurred edges to an element
  • Adding Elliptical Corners to an Element

  • use CSS to add elliptical corners to an element
  • Adding Drop Shadows to an Element

  • use CSS to add a drop shadow to an element
  • Display and Visibility

  • contrast display and visibility in CSS and use these features
  • CSS and Color

  • use CSS to manipulate color
  • Making an Element Transparent

  • contrast and use CSS opacity or RGBA settings to make an element transparent
  • Setting a Background Image or Color for an Element

  • use CSS to set a background image or color for a page or other element
  • Applying Linear Gradients to an Element

  • use CSS to apply linear gradients to an element
  • Applying Radial Gradients to an Element

  • use CSS to apply radial gradients to an element
  • Creating Gradient Text

  • use CSS3 to create gradient text
  • Configuring Spans with CSS3

  • configuring spans with CSS
  • Styling Divs with CSS

  • style divs with CSS
  • Drawing Shapes with Basic CSS

  • use basic CSS to draw shapes such as triangles
  • Changing the Mouse Cursor

  • use CSS to change the mouse cursor
  • Styling Tables

  • use CSS to style tables
  • Configuring Borders in Tables

  • use CSS to apply cell and table borders and to remove white spaces between cells when borders are applied
  • Alternating Table Row Colors

  • use CSS to specify alternate table row colors
  • Highlighting Selected Table Rows

  • use CSS to change a row color when hovered over
  • Displaying Spreadsheets as Tabular Data

  • use CSS properties to format spreadsheet data in tabular format
  • Displaying Calendar Data

  • use CSS to display calendars
  • Exercise: Using CSS to Style Page Elements

    MONTHLY SUBSCRIPTION

    $129/month
     

    ANNUAL SUBSCRIPTION

    $1295/year

    Multi-license discounts available for Annual and Monthly subscriptions.