HTML5 and CSS3

Web page designers and builders who need to manipulate the visual presentation of a web page

Prerequisite
None

Expected Duration
142 minutes

Description
HTML5 and CSS3 provide all the parts necessary to create a visually stunning web page. HTML5 provides all the structure and bones of the web page while CSS3 provides the color, smoothness, layout, and visual impression of the web page. In this course, you will learn the basics of manipulating a web page by using CSS3. You’ll also learn some of the basic structure for CSS3 and some of the styling options available.

Objective

Introduction to CSS3

  • start the course
  • describe the relation that CSS3 has with HTML5
  • recognize and describe the structure of the CSS3 syntax for HTML5
  • use inline CSS3 styles in an HTML5 document
  • add an attachment link to include a file in an HTML5 document
  • create a CSS3 style sheet file for HTML5
  • apply CSS3 syntax to add style to an HTML5 document

Basic CSS3 Usage

  • use inline CSS3 in an HTML5 document
  • add an external CSS3 style sheet to an HTML5 document
  • describe why using an external CSS3 style sheet is better than doing it within an HTML5 document
  • perform modifications to HTML5 tags using CSS3
  • apply formatting to an HTML5 table in order to alternate the row colors using CSS3

Block Elements

  • describe the block elements used in HTML5
  • create styled HTML5 lists using CSS3
  • use CSS3 to manipulate DIVs in an HTML5 document
  • created styled HTML5 list bullets using CSS3
  • apply CSS3 to small sections of the HTML5 web page by using SPAN tags

Referencing HTML Objects

  • describe how ID and class attributes added to HTML5 tags can allow for fine grain CSS3 styling
  • create CSS styles that will apply to only an element with a given ID in an HTML5 document
  • create CSS styles that will apply to all elements with the given class in an HTML5 document
  • add style to a hyperlink in an HTML5 document using CSS3
  • add CSS3 style to a hyperlink’s hover and visited states in a HTML5 document

Overriding CSS3 Styles

  • use CSS3 to change the color of visited links in an HTML5 document
  • describe how to apply a style only to the child elements, also referred to as nested elements, of an element in an HTML5 document
  • describe how to change, add, or remove a style to a single element that already has a CSS3 style applied in an HTML5 document
  • use CSS3 to hide or display HTML5 objects

Practice: Creating an HTML Page Using CSS3

  • apply CSS styles to HTML pages

MONTHLY SUBSCRIPTION

$129/month
 

ANNUAL SUBSCRIPTION

$1295/year

Multi-license discounts available for Annual and Monthly subscriptions.