Udemy.com is a platform or marketplace for online learning. Udemy provides tools which enable users to create a course, promote it and earn money from student tuition charges.

CSS Online Training course

The ultimate CSS training, this CSS & CSS3 Beginners Crash Course is designed to teach you everything you need to know to learn CSS and start designing beautiful websites.

This CSS course helps you learn CSS in full, covering topics such as: animations, transformations, shadows, font management, and much more.

Lectures 37
Video 6.5 hours
Skill level all level
Languages English
Includes Lifetime access
30 day money back guarantee!
Available on iOS and Android
Certificate of Completion

Curriculum-

Section 1: Learning CSS

Lecture 1 Section 1: Introduction to CSS Text
When HTML was invented it was based around a Document Object Model (DOM, a means of separating out all the different elements within a web page into discrete objects, each with their own properties and values. This led logically to the introduction of style sheets, enabling a web page’s content to b…

Lecture 2 Section 1: Video Walkthrough A
9:53
This video covers the first half of the contents of the written lecture for this section of the course.

Lecture 3 Section 1: Video Walkthrough B 10:32
This video covers the second half of the contents of the written lecture for this section of the course.

Lecture 4 Section 2: The CSS Rules Text
Each statement in a CSS rule starts with a selector, which is the thing upon which the rule is effected. for example, in the assignment below, h1 is the selector that is being given a font size 240 percent larger than the default: h1 { font-size:240%; } By providing a new value to the font-size prop…

Lecture 5 Section 2: Video Walkthrough 4:10
This video covers the contents of the written lecture for this section of the course.

Lecture 6 Section 3: CSS Selectors Text
The means by which you access one or more elements is called selection, and the part of a CSS rule that does this is known as a selector. As you might expect, there are many different varieties of selector. Note : The examples from this section are in the Section 3 folder of the examples.zip file av…

Lecture 7 Section 3: Video Walkthrough A 7:47
This video covers the first half of the contents of the written lecture for this section of the course.

Lecture 8 Section 3: Video Walkthrough B 9:10
This video covers the second half of the contents of the written lecture for this section of the course.

Lecture 9 Section 4: The CSS Cascade Text
One of the most fundamental things about CSS properties is that they cascade , which is why they are called Cascading Style Sheets. But what does this mean? Cascading is a method used to resolve potential conflicts between the various different types of style sheet a browser supports, and apply them…

Lecture 10 Section 4: Video Walkthrough 11:50
This video covers the contents of the written lecture for this section of the course.

Lecture 11examples 133.09 KB
The file downloadable from this section contains all the examples for this course. It is a compressed zip archive that can be uncompressed on all operating systems, including PC, Mac and Linux.

Section 2: Mastering CSS

Lecture 12 Section 5: CSS Fonts & Typography Text
There are four main font properties that you can style using CSS: family, style, size and weight. Between them you can fine tune the way text displays in your web pages and/or when printed, and so on. Note : The examples from this section are in the Section 5 folder of the examples.zip file availabl…

Lecture 13 Section 5: Video Walkthrough 10:30
This video covers the contents of the written lecture for this section of the course.

Lecture 14 Section 6: CSS Color & Positioning Text
Colors can be applied to the foreground and background of text and objects using the color and background-color properties (or by supplying a single argument to the background property). The colors specified can be one of the named colors (such as red or blue ), colors created from hexadecimal RGB…

Lecture 15 Section 6: Video Walkthrough A 7:51
This video covers the first half of the contents of the written lecture for this section of the course.

Lecture 16 Section 6: Video Walkthrough B 9:21
This video covers the second half of the contents of the written lecture for this section of the course.

Lecture 17 Section 7: The CSS Box Model Text
The fundamental CSS properties affecting the layout of a page are based around the box model; a nested set of properties surround an element, as shown in Figure 1. Figure 1: The nested levels of the CSS box model Virtually all elements have (or can have) these properties, including the document bo…

Lecture 18 Section 7: Video Walkthrough 11:29
This video covers the contents of the written lecture for this section of the course.

Section 3: Learning CSS 3

Lecture 19 Section 8: Introduction to CSS 3 Text
The first implementation of CSS was initially drawn up in 1996 and then released in 1999. By 2001 all new browser releases supported it, but even so the standard was once again revised in 2008. At the same time (beginning in 1998) CSS 2 was already being drawn up, and the standard was eventually com…

Lecture 20 Section 9: CSS 3 Attribute Selectors Text
Note : The examples from this section are in the Section 9 folder of the examples.zip file available here . Selectors are used in CSS to match HTML elements, and (to recap) there are ten different types of them: Universal selectors for example: * { color:#555; } Type selectors for example: b {color:…

Lecture 21 Section 9: Video Walkthrough 9:17
This video covers the contents of the written lecture for this section of the course.

Section 4: Mastering CSS 3

Lecture 22 Section 10: CSS 3 Backgrounds Text
CSS2 provides a lot of support for backgrounds, but there were still areas connected with the CSS box model that have now been addressed in CSS3, with two new properties: background-clip and background-origin . Between them you can specify where a background should start within an element, and also…

Lecture 23 Section 10: Video Walkthrough 11:31
This video covers the contents of the written lecture for this section of the course.

Lecture 24 Section 11: CSS 3 Borders Text
CSS 3 also brings a lot more flexibility to the way borders can be presented, by allowing you to independently change the colors of all four border edges, to display images for the edges and corners, to provide a radius value for applying rounded corners to borders, and to place box shadows undernea…

Lecture 25 Section 11: Video Walkthrough 8:58
This video covers the contents of the written lecture for this section of the course.

Lecture 26 Section 12: CSS 3 Box Shadows, Overflow & Columns Text
Note : The examples from this section are in the Section 1 2 folder of the examples.zip file available here . Another great way to emphasize an object is to give it a box shadow. to do this you specify a horizontal and vertical offset from the object, the amount of blurring to add to the shadow, and…

Lecture 27 Section 12: Video Walkthrough 8:06
This video covers the contents of the written lecture for this section of the course.

Lecture 28 Section 13: CSS 3 Colors & Opacity Text
The ways you can define colors have been greatly expanded with CSS3 and you can now also use CSS functions to apply RGB (Red, Green and Blue), RGBA (Red, Green, Blue and Alpha), HSL (Hue, Saturation and Luminance), and HSLA (Hue, Saturation, Luminance and Alpha) colors—the Alpha value allowing you t…

Lecture 29 Section 13: Video Walkthrough 8:21
This video covers the contents of the written lecture for this section of the course.

Lecture 30 Section 14: CSS 3 Text Effects & Web Fonts Text
A number of new effects can now be applied to text with the help of CSS 3, including text shadows, text overlapping and word wrapping, and in this section I detail all of them. Note : The examples from this section are in the Section 14 folder of the examples.zip file available here . The text-shado…

Lecture 31 Section 14: Video Walkthrough A 7:16
This video covers the first half of the contents of the written lecture for this section of the course.

Lecture 32 Section 14: Video Walkthrough B 11:42
This video covers the second half of the contents of the written lecture for this section of the course.

Section 5: Advanced CSS 3

Lecture 33 Section 15: CSS 3 Transformations & Transitions Text
I’ve saved some of the best new additions to CSS to last because they are fun, and they can generally be applied in conjunction with other CSS rules to provide animation effects such as transformations and transitions. As with some other CSS 3 enhancements these new rules are not fully implemented a…

Lecture 34 Section 15: Video Walkthrough A 7:13
This video covers the first half of the contents of the written lecture for this section of the course.

Lecture 35 Section 15: Video Walkthrough B 6:36
This video covers the second half of the contents of the written lecture for this section of the course.

Lecture 36 Section 16: 3D Transformations Text
Not only can you transform elements using CSS in an infinite variety of ways in two-dimensional ways, you can also introduce the third dimension and transform them in that too, bringing a whole new level depth to your web pages. This is achieved by introducing the depth using the perspective() funct…

Lecture 37 Section 16: Video Walkthrough 14:42
This video covers the contents of the written lecture for this section of the course.