Download Safari Books Online apps: Apple iOS | Android

Entire Site

Safari Books Online

    Free Trial

    Safari Books Online is a digital library providing on-demand subscription access to thousands of learning resources.

    Learning CSS3

    Subscriber Reviews • Browse Similar Topics

    Overview

    In this training course for CSS3, expert author Geoff Blake introduces you to this latest CSS standard for web design formatting. Designed for the absolute beginner, you do not require any prior understanding of CSS in order to learn from this video based tutorial. You start with a quick review of what a Cascading Style Sheet is, and how it functions. You quickly jump into different CSS selector types, the CSS box model, and page layout using the box model and floating layout techniques. You will learn how to format page content such as tables, text, graphics and lists - as well as covering some advanced typography. This tutorial will also explain show the "cascading" features of a cascading style sheet, and finally, some special effects you can achieve with CSS3. By the conclusion of this CSS3 video based training course, you will have an in-depth understanding of how CSS3 works, and how to use it with your web designs to achieve beautiful results. Working files are included to allow you to learn alongside the author with the same files that he is using in the training.

    Subscriber Reviews

    Average Rating: 4.0625 out of 5 rating Based on 16 Ratings

    "Introduction" - by Anonymous on 13-FEB-2013
    Reviewer Rating: 1 star rating2 star rating3 star rating4 star rating5 star rating
    Great Intro to CSS.  It will get you started and ready to dive deeper into design.
    Report as Inappropriate

    "Very Well done" - by Only4Beer on 23-AUG-2012
    Reviewer Rating: 1 star rating2 star rating3 star rating4 star rating5 star rating
    I learned a lot form this video.  It is not an advanced video but it if far from basic.

    Geoff's style is great. He uses good examples.  I really enjoyed it.
    Report as Inappropriate

    "Good course for non technical beginner " - by Anonymous on 17-MAY-2012
    Reviewer Rating: 1 star rating2 star rating3 star rating4 star rating5 star rating
    This would be a good course if you fit the target audience which I did not.  The course seems targeted for a non technical person who is just starting out with CSS.  I'm an experienced IT person looking for additional and advanced training in CSS.  So for me the course moved at a snail's pace.  I did in the end learn some new skills but it took 8 hours whereas it could have been done in 2 or 3 if the course had been targeted at technical people.

    If you are totally new to CSS and non technical then this might be a good course for you.
    Report as Inappropriate

    Table of Contents

    Chapter/Selection

    Time

    01. Introduction

    Welcome

    Play Video

    00:01:36

    What CSS Is And How It Works

    Preview

    00:02:33

    CSS Rule Structure

    Preview

    00:03:08

    How Does CSS Fit Into Web Design

    Preview

    00:02:29

    Choosing Your Coding Application

    Preview

    00:02:41

    Getting Set Up

    Preview

    00:04:23

    Working Between Code And Browsers

    Preview

    00:05:54

    HTML Quick Review

    Preview

    00:06:57

    Setting The HTML Doctype

    Preview

    00:03:17

    Building The Files Structure

    Preview

    00:05:42

    HTML And CSS References

    Play Video

    00:07:36

    02. Inline Formatting And Basic Font Formatting

    Introducing Inline Styles

    Preview

    00:04:46

    Applying Multiple Properties

    Preview

    00:04:17

    Pros And Cons Of Inline Formatting

    Preview

    00:04:05

    Applying Inline Styles Using Span

    Play Video

    00:05:09

    Applying Basic Typefaces

    Preview

    00:03:44

    Using Specific Fonts

    Preview

    00:02:15

    Setting A Document Wide Font

    Preview

    00:05:58

    Controlling Font Sizes

    Preview

    00:05:40

    Applying Text Decorations

    Preview

    00:05:11

    Applying Color To Text

    Preview

    00:05:36

    03. Working With Selectors

    Creating A Basic Class Rule

    Preview

    00:04:03

    Applying A Class Rule - Part 1

    Preview

    00:05:50

    Applying A Class Rule - Part 2

    Preview

    00:03:10

    Applying Multiple Class Rules To An Element

    Play Video

    00:06:06

    Editing And Removing Class Formatting

    Preview

    00:05:14

    Converting Inline Formatting To A Class Rule

    Preview

    00:04:52

    HTML Selectors - Part 1

    Preview

    00:04:19

    HTML Selectors - Part 2

    Play Video

    00:06:39

    Combining Class And HTML Selectors

    Preview

    00:03:53

    Creating And Applying ID Selectors

    Preview

    00:04:28

    Working With Group Selectors

    Preview

    00:06:12

    Formatting Using Pseudo Elements

    Preview

    00:04:28

    Controlling Hyperlinks With Pseudo Classes

    Preview

    00:06:08

    04. Understanding The CSS Box Model

    Introducing The CSS Box Model

    Preview

    00:06:22

    Introducing DIV Elements

    Preview

    00:05:00

    Setting Padding

    Preview

    00:06:27

    Getting Started With Borders

    Preview

    00:05:35

    Setting Borders With Shorthand

    Preview

    00:04:23

    Exploring Border Values

    Preview

    00:04:35

    Setting Margin

    Preview

    00:05:27

    Setting Widths And Heights

    Preview

    00:02:37

    Understanding Widths In CSS

    Preview

    00:03:19

    Introducing Floating

    Preview

    00:03:40

    Formatting Graphics - Part 1

    Preview

    00:07:18

    Formatting Graphics - Part 2

    Preview

    00:06:15

    Creating A Floating Sidebar - Part 1

    Play Video

    00:05:29

    Creating A Floating Sidebar - Part 2

    Preview

    00:03:05

    Targeting Sidebar Content With Descendant Selectors - Part 1

    Play Video

    00:06:18

    Targeting Sidebar Content With Descendant Selectors - Part 2

    Preview

    00:05:54

    Grouping Descendant Selectors

    Preview

    00:04:19

    Applying And Formatting Background Graphics

    Preview

    00:06:19

    Setting Backgrounds With Shorthand CSS

    Preview

    00:02:04

    Creating An Alert Message

    Preview

    00:06:26

    05. Controlling Table Formatting

    HTML Table Structure

    Preview

    00:06:02

    Techniques For Formatting Table Structure

    Preview

    00:04:21

    Formatting Table Contents

    Play Video

    00:06:34

    Formatting Specific Table Contents

    Preview

    00:05:25

    Controlling Table Formatting With CSS - Part 1

    Preview

    00:04:55

    Controlling Table Formatting With CSS - Part 2

    Play Video

    00:06:11

    Controlling Table Formatting With CSS - Part 3

    Preview

    00:05:42

    Formatting Table Captions

    Preview

    00:03:59

    6. Page Layout With Positioning And Layering

    Positioning Basics

    Preview

    00:04:29

    Static Positioning

    Preview

    00:04:20

    Absolute Positioning

    Preview

    00:06:31

    Positioning Nested Elements

    Play Video

    00:07:16

    Further Positioning Of Nested Elements

    Preview

    00:03:48

    Relative Positioning

    Preview

    00:03:11

    Using Relative Positioning On Nested Elements

    Preview

    00:03:56

    Fixed Positioning

    Preview

    00:03:53

    Fixed Positioning Techniques

    Preview

    00:02:43

    Stacking Elements With Z-Index

    Preview

    00:04:13

    Using Overflow

    Preview

    00:05:13

    7. Building A Layout With Floats

    Reviewing Floating

    Preview

    00:03:46

    Applying Floats To Multiple Objects

    Preview

    00:04:52

    Using Clear

    Preview

    00:03:38

    Spacing Apart Floating Elements

    Preview

    00:03:28

    Creating The Rough Layout Structure

    Preview

    00:04:21

    Applying Formatting To The Structure

    Preview

    00:06:16

    Finishing Off The Layout

    Preview

    00:06:46

    08. Formatting Lists And Creating A Navigation Bar

    The Two Common Types Of HTML Lists

    Preview

    00:03:31

    Using CSS To Format Lists

    Preview

    00:05:31

    Additional CSS Properties For Lists

    Preview

    00:03:02

    HTML Structure For Navigation

    Preview

    00:03:31

    Converting The List To A Menu With CSS

    Play Video

    00:05:44

    Creating CSS Rollovers

    Preview

    00:02:08

    Additional CSS Button Effects

    Preview

    00:05:08

    09. Deeper Into Typography

    Specifying A Font Fallback List

    Preview

    00:05:52

    Font Sizing

    Play Video

    00:07:45

    Additional Typography Techniques

    Preview

    00:03:58

    10. External Style Sheets

    Creating An External Style Sheet

    Preview

    00:06:27

    Working With Rules In An External Style Sheet

    Preview

    00:03:46

    CSS Commenting

    Preview

    00:04:15

    Understanding The Cascading Effect Of CSS - Part 1

    Preview

    00:05:44

    Understanding The Cascading Effect Of CSS - Part 2

    Preview

    00:05:00

    11. CSS Special Effects

    Using RGB And Transparent Colours

    Preview

    00:07:06

    Applying A Drop Shadow To Text

    Preview

    00:03:17

    Applying Box Shadows

    Preview

    00:03:48

    Setting Opacity On Objects

    Preview

    00:03:10

    Creating Rounded Corners

    Play Video

    00:04:27

    12. About The Author

    About The Author

    Preview

    00:01:25

    Extras

    The publisher has provided additional content related to this title.


    Description
    Content

    These files have been provided by the publisher.

    • Working_Files.zip