Learning CSS3 - A Comprehensive Tutorial For Web Developers

Master CSS3 and learn how to engage your users with fast loading compliant web pages across all browsers.
4.2 (74 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
2,263 students enrolled
$50
Take This Course
  • Lectures 101
  • Contents Video: 8 hours
    Other: 0 mins
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 5/2012 English

Course Description

A Verifiable Certificate of Completion is presented to all students who undertake this course.

CSS powers the visual side of the internet, and anyone looking for a real understanding of web design must know what it can do and how it works. This Learning CSS3 Tutorial Course simplifies the  standard of cascading style sheets into its most basic elements, and then gradually advances to help you gain a well-rounded understanding to creating layouts and stylistic elements for the web. This beginner-friend CSS3 training course is led by expert Geoff Blake, who draws from his background as a designer to help you see how various graphical elements and settings can work together to form a complete user experience. Because the training is built around CSS3, you'll also learn features that are specific to the newest standard of the style sheets protocol. Get ready to learn layout, layering, typography and special effects in this unique and engaging 8-hour course.

 

What You Will Learn

-How to create complete website layouts using Cascading Style Sheets (CSS) according to best-practice professional standards.

-How to manipulate and modify onscreen graphical elements within a site, including text, menus, lists, borders, and graphics.

-How to enhance a website's appearance with subtle special effects such as drop-shadows and transparency.

-How to use CSS in conjunction with standard HTML to develop and enhance pages and sites.

 

Who Should Take This Course

-Anyone who wants more control over the visual appearance of their current websites or ones they are planning to build. No experience is needed.

-Anyone who wants to know how HTML and CSS work together on modern pages and sites.

-Anyone who has tried working with CSS but found it difficult in the past.

 

What People Are Saying

"I knew some basic HTML but my layouts were flat and boring.  Now that I understand layers and CSS it's a whole different ballgame. Thank you Geoff!"

-Marty Self

"Coming from a graphics background, these videos helped me learn how to create artwork suited for the web...and even better, how to place them on my site for maximum effect."

-Roy Ramirez

"Loved the section on special effects and transparency...web design CAN be fun."

-Jennifer Blockman

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introduction
Working Files - Download These First
Preview
Article
Welcome
Preview
01:36
What CSS Is And How It Works
Preview
02:33
CSS Rule Structure
Preview
03:08
How Does CSS Fit Into Web Design
Preview
02:29
Choosing Your Coding Application
02:41
Getting Set Up
04:24
Working Between Code And Browsers
05:54
HTML Quick Review
06:57
Setting The HTML Doctype
03:17
Building The Files Structure
05:42
HTML And CSS References
07:37
Section 2: Inline Formatting And Basic Font Formatting
Introducing Inline Styles
04:46
Applying Multiple Properties
04:17
Pros And Cons Of Inline Formatting
04:05
Applying Inline Styles Using Span
05:09
Applying Basic Typefaces
03:44
Using Specific Fonts
02:15
Setting A Document Wide Font
05:58
Controlling Font Sizes
05:40
Applying Text Decorations
05:12
Applying Color To Text
05:36
Section 3: Working With Selectors
Creating A Basic Class Rule
04:03
Applying A Class Rule - Part 1
05:51
Applying A Class Rule - Part 2
03:10
Applying Multiple Class Rules To An Element
06:06
Editing And Removing Class Formatting
05:14
Converting Inline Formatting To A Class Rule
04:53
HTML Selectors - Part 1
04:19
HTML Selectors - Part 2
06:39
Combining Class And HTML Selectors
03:54
Creating And Applying ID Selectors
04:28
Working With Group Selectors
06:12
Formatting Using Pseudo Elements
04:28
Controlling Hyperlinks With Pseudo Classes
06:08
Section 4: Understanding The CSS Box Model
Introducing The CSS Box Model
06:23
Introducing DIV Elements
05:00
Setting Padding
06:28
Getting Started With Borders
05:35
Setting Borders With Shorthand
04:23
Exploring Border Values
04:35
Setting Margin
05:27
Setting Widths And Heights
02:37
Understanding Widths In CSS
03:19
Introducing Floating
03:40
Formatting Graphics - Part 1
07:19
Formatting Graphics - Part 2
06:15
Creating A Floating Sidebar - Part 1
05:30
Creating A Floating Sidebar - Part 2
03:05
Targeting Sidebar Content With Descendant Selectors - Part 1
06:18
Targeting Sidebar Content With Descendant Selectors - Part 2
05:55
Grouping Descendant Selectors
04:19
Applying And Formatting Background Graphics
06:20
Setting Backgrounds With Shorthand CSS
02:04
Creating An Alert Message
06:26
Section 5: Controlling Table Formatting
HTML Table Structure
06:03
Techniques For Formatting Table Structure
04:21
Formatting Table Contents
06:34
Formatting Specific Table Contents
05:26
Controlling Table Formatting With CSS - Part 1
04:55
Controlling Table Formatting With CSS - Part 2
06:11
Controlling Table Formatting With CSS - Part 3
05:42
Formatting Table Captions
03:59
Section 6: Page Layout With Positioning And Layering
Positioning Basics
04:29
Static Positioning
04:20
Absolute Positioning
06:31
Positioning Nested Elements
07:16
Further Positioning Of Nested Elements
03:48
Relative Positioning
03:11
Using Relative Positioning On Nested Elements
03:56
Fixed Positioning
03:53
Fixed Positioning Techniques
02:43
Stacking Elements With Z-Index
04:13
Using Overflow
05:13
Section 7: Building A Layout With Floats
Reviewing Floating
03:46
Applying Floats To Multiple Objects
04:52
Using Clear
03:38
Spacing Apart Floating Elements
03:29
Creating The Rough Layout Structure
04:21
Applying Formatting To The Structure
06:16
Finishing Off The Layout
06:46
Section 8: Formatting Lists And Creating A Navigation Bar
The Two Common Types Of HTML Lists
03:32
Using CSS To Format Lists
05:32
Additional CSS Properties For Lists
03:02
HTML Structure For Navigation
03:31
Converting The List To A Menu With CSS
05:45
Creating CSS Rollovers
02:08
Additional CSS Button Effects
05:08
Section 9: Deeper Into Typography
Specifying A Font Fallback List
05:53
Font Sizing
07:45
Additional Typography Techniques
03:58

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Infinite Skills, High Quality Training

Infinite Skills is a Canadian based company who offer a huge and ever growing range of high quality eLearning solutions that teach using studio quality narrated videos backed-up with practical hands-on examples and comprehensive working files. All courses are created by trained educators and experts in video based education.

The emphasis is on teaching real life skills that are essential for progressing in today's commercial environment.

Ready to start learning?
Take This Course