All The Way CSS - The Complete CSS Adventure

Name: All The Way CSS - The Complete CSS Adventure
Rating: 3.7 (231 reviews)

What You Really Should Know

Created byPhilipp Rost

Last updated 10/2017

English

What you'll learn

CSS Attribute Selectors
CSS Pseudo Classes
CSS Gradients
CSS Animations
CSS Transitions
CSS Basic Shapes
How to draw with CSS
How to create custom radio buttons
How to create a timeline
How to style select dropdowns
CSS Forms

Course content

13 sections • 41 lectures • 5h 26m total length

Introduction1:33
Visual Studio Code9:49
Browser Safari or Chrome3:12

Basic Selectors8:29
Universal Selector4:24
The Universal Selector uses an asterisk and selects all elements:
* { color: red; }
The following example selects all elements within the class navigation
* .navigation { color: #fff; }
You can use two asterisks to select all great grandchild elements and below:
body * * div { border: 1px solid red }
Attribute Selectors5:32
Syntax:

input[attribute=value] { ... }

Example:

input[href='http://www.google.com'] { color: green; }

Use:

input[attribute^='string'] { ... }

to select all input elements with the word 'string' in that attribute in the beginning.

input[attribute$='string'] { ... }

to select all input elements with the word 'string in that attribute in the end.
Attribute Selectors
Pseudo Classes8:38
Pseudo Classes Extra5:28
Pseudo Elements3:41
Pseudo Classes & Elements Quiz
Project Timeline: before & after16:14

Requirements

HTML Basics

Description

Welcome to my All About CSS - The Complete CSS Adventure course!

My name is Philipp and I work as Software Engineer/Front-End Developer. I want to take you with me on this exciting adventure where we learn about CSS Selectors, Pseudo Elements and much much more. We will create together awesome projects such as a really cool Timeline or we will draw a cute little bear with pure CSS.

Additionally I offer you little questions between my lessons so you deepen the learned features of CSS. It does not matter if you are new to CSS or if you know already some. Maybe you want to become a Web Developer or this is just your hobby and you want to create cool Websites. In both cases you are perfectly prepared in the end of this course to encounter numerous obstacles.

This course contains:

41 Lessons
6 Quizzes
6 Projects (Loading Spinner, Timeline, CSS Terminal, CSS Slider, CSS Bear, Sticky Navigation)

To continue improving my courses I would like when you give me your feedback to the course. Feel also always free to contact me in case you have questions or you just want to talk to me.

I hope you have fun and enjoy my course.

Who this course is for:

CSS Beginners
Everyone who wants to become a Front End Developer
Webdesigner
Everyone who wants to improve their CSS skill
Everyone who wants to bring their CSS to the next level

All The Way CSS - The Complete CSS Adventure

What you'll learn

Explore related topics

Course content

Course Preparation3 lectures • 15min

CSS Box Model5 lectures • 45min

Anchor Tags1 lecture • 12min

CSS Lists3 lectures • 24min

CSS Selectors7 lectures • 52min

Forms3 lectures • 31min

Drawing with CSS5 lectures • 34min

CSS Animations and Transitions4 lectures • 33min

CSS Gradients4 lectures • 27min

CSS Clipping1 lecture • 4min

Requirements

Description

Who this course is for: