CSS Web Development Crash Course
3.5 (190 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
30,523 students enrolled

CSS Web Development Crash Course

Learn how to style awesome websites and web applications for the internet.
3.5 (190 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
30,523 students enrolled
Created by Frahaan Hussain
Last updated 12/2017
English [Auto]
Current price: $13.99 Original price: $19.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 2.5 hours on-demand video
  • 1 article
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Create stylish websites
  • Over 10 lectures
  • Use different units for styling
  • Use media queries for dynamic websites
Course content
Expand all 27 lectures 02:39:12
+ Beginner
7 lectures 53:30

Course intro which showcases the projects we will be creating.

Preview 01:55

Learn how to setup CSS in your web project.

Preview 11:01

Learn how to use selectors to modify elements and style them using various units.

Selectors, Properties, Values & Units

Learn the various methods for adding some colour to your project.


Learn how to modify your text in amazing ways.

Text Properties

Learn about the difference in margin and padding.

Margin and Padding

Lear how to make your world shine with borders.

Preview 04:39
+ Intermediate
10 lectures 54:46

Learn about creating unique styling and styling for many different elements using a single code base.

Class and ID

Learn grouping and nesting can reduce development time.

Preview 07:14

Learn about the cool hidden classes in CSS to access awesome functionality.

Pseudo Classes

Learn how to speed up web development with these awesome shortcuts.

Shorthand Properties

Learn about background images and how they differ to the image tag.

Background Images

Learn about the rule order of styling in CSS.

Preview 03:14

Learn about the different display types that can be applied to elements.

Display Type

Learn how to use Pseudo Elements.

Preview 05:27

Learn how to change the layout types for your awesome elements.

Layout Types

Learn how to easily position elements around each other.

Float and Clear Properties
+ Advanced
9 lectures 50:45

Learn how to make corners rounded and more aesthetically pleasing.

Rounded Corners

Learn how to use shadows to create more immersive elements. 


Learn how to manipulate your content using advanced selectors.

Advanced Selectors

Learn how you can further advance your colouring skills in CSS.

Advanced Colours

Learn how to use external resources using At-Rules.


Learn how attribute selectors provide more control over your elements.

Attribute Selectors

Learn how to implement transitions to make your content more dynamic.


Learn how to use transformations on your elements.


Learn about the wonders of media queries that allow you to target different devices and screens with different CSS rules.

Media Queries
+ Bonus Lecture: Discounted Courses
1 lecture 00:11
  • Thanks a lot for enrolling in this course, as a way of saying thank you, I am giving you access to my other classes on (web development) at a steep discount! Hope you enjoy them.

    Bonus Lecture: Discounted Courses
    • Basic computer skills
    • HTML skills

    Learn how to style websites. A step by step process is used to show everything from setting up to essential CSS features

    Gain a good understanding of the following concepts:

    1. CSS programming

    2. Web styling

    3. Basic/essential CSS properties

    4. CSS values

    5. Dynamic website creation

    CSS is one of the core universal programming languages of the web that is essential for any stylish web development journey. The web is growing on a daily basis and knowing CSS is more crucial than ever.

    You will be provided with the full source code to aid in development during and after this course. The source code is free to use in as many projects as you wish.

    Over 205,000 students have enrolled on my courses and all of them are extremely satisfied. You will also be satisfied with this course. If you do not like the course, remember that within 30 days you can request a full refundI guarantee you satisfaction.

    If you have any questions regarding the topics covered in this course, please feel free to ask. I'm always happy to help those who want to learn.

    To summarise this is what you get:

    • Lifetime access to HD quality videos. No monthly subscription. Learn at your own pace, whenever you want.

    • All videos are downloadable. Learn wherever you want, even without an internet connection!

    • Downloadable starter code and final code for each section.

    • Free helpful support in the course Q&A when you have questions or get stuck.

    • Multiple coding challenges to practice your new skills (solutions included).

    Sounds great? Then start this adventure today by clicking the “Take this course" button, and join me in the only course that you will need!

    Who this course is for:
    • This CSS course is meant for individuals looking to style awesome websites
    • Basic HTML skills are recommended
    • A basic understanding of websites is helpful but not essential