Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Amazon AWS Cisco CCNA CompTIA Security+ Microsoft AZ-900
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Canva Character Design Design Theory
Personal Development Life Coach Training Neuro-Linguistic Programming Personal Transformation Mindfulness Life Purpose Meditation CBT Goal Setting
Web Development JavaScript React CSS Angular Django PHP Node.Js WordPress
Google Flutter Android Development iOS Development React Native Swift Dart (programming language) Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Marketing Strategy Google Ads (AdWords) Certification Internet Marketing YouTube Marketing Email Marketing Google Analytics
Microsoft Power BI SQL Tableau Business Analysis Data Modeling Business Intelligence MySQL Data Analysis Blockchain
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Startup Business Plan Freelancing Online Business Home Business Blogging
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ Unreal Engine Blueprints 2D Game Development Blender
30-Day Money-Back Guarantee
Development Web Development CSS

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.
Rating: 4.1 out of 54.1 (169 ratings)
2,631 students
Created by Infinite Skills
Last updated 1/2017
English
English [Auto]
30-Day Money-Back Guarantee

Course content

11 sections • 101 lectures • 7h 58m total length

  • Preview00:01
  • Preview01:36
  • Preview02:33
  • Preview03:08
  • Preview02:29
  • Preview02: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

  • 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

  • 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

  • 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

  • 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

  • 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

  • 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

  • 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

  • Specifying A Font Fallback List
    05:53
  • Font Sizing
    07:45
  • Additional Typography Techniques
    03:58

  • Creating An External Style Sheet
    06:28
  • Working With Rules In An External Style Sheet
    03:46
  • CSS Commenting
    04:15
  • Understanding The Cascading Effect Of CSS - Part 1
    05:45
  • Understanding The Cascading Effect Of CSS - Part 2
    05:00

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

Instructor

Infinite Skills
High Quality Training
Infinite Skills
  • 4.3 Instructor Rating
  • 119,597 Reviews
  • 1,249,155 Students
  • 327 Courses

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.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
Udemy
© 2021 Udemy, Inc.