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+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Meditation Personal Transformation Life Purpose Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Google Analytics
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Modeling Data Analysis Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Blogging Freelancing Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development CSS

CSS For Smart People

A filler free course on web development's main building block, Cascading Style Sheet (CSS).
Rating: 4.5 out of 54.5 (52 ratings)
5,108 students
Created by Eric Tam
Published 10/2018
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Be able to design websites using CSS
  • Be able to read CSS written by other software developers

Course content

7 sections • 91 lectures • 4h 53m total length

  • Preview00:39
  • Preview01:31
  • CSS Syntax
    Preview01:13
  • Preview01:18
  • Preview02:11

  • Preview01:49
  • Height And Width
    03:42
  • Border And Outline
    Preview01:19
  • Max-width
    02:47
  • List Style Type
    01:07
  • Display
    02:40
  • Margins And Paddings
    01:39
  • Background Color
    00:59
  • Background Image And Background Size
    03:27
  • Font Size
    01:19
  • Background Position
    02:47
  • Font Family
    06:37
  • Font Awesome
    04:01
  • Adding A New Type Of Font
    05:16
  • Less Commonly Used Font Properties
    01:00
  • Text Align
    02:16
  • Text Decoration
    01:58
  • Less Commonly Used Text Properties
    01:52
  • Position
    07:27
  • Float
    00:53
  • Line Height
    01:59
  • Combinators
    01:49
  • Combinators Example
    04:53
  • Border Radius
    02:28

  • Cursor
    01:54
  • Transition
    02:32
  • Animation
    07:32
  • Box Shadow
    01:59
  • Overflow
    05:02
  • Linear Gradient
    04:13
  • Z-index
    08:13
  • Before And After
    04:44
  • Transform: Introduction
    01:17
  • Transform: rotate
    03:01
  • Transform: scale
    03:44
  • Transform: translate
    04:55
  • Transform Style
    04:53
  • Transform Origin
    04:10
  • Variables, var() and calc()
    08:58
  • Em, Rem, And Vh
    04:07
  • Nth-Child And Nth-Of-Type
    04:02

  • A Quick Message On Mini Projects
    00:44
  • Mini Project: Making A Circle and Oval
    03:14
  • Mini Project: Creating A Crescent Moon
    04:38
  • Mini Project: Making A Triangle
    03:15
  • Mini Project: Making An Outline Button
    09:08
  • Mini Project: Making A Button With Pressed Effect
    06:43
  • Mini Project: Make An Alert Button
    07:52
  • Mini Project: Create An Overlay
    05:21

  • Project Introduction
    01:08
  • What You Will Learn
    01:23
  • Challenges
    01:17
  • Default Settings And Body Tag
    01:50
  • Hand's Container
    01:37
  • Hand's Shadow
    03:03
  • Hand's Palm
    02:26
  • Hand's Thumb
    05:40
  • Thumb's Nail
    02:19
  • Back Joint Of Fingers
    03:43
  • Front Joint Of Fingers
    04:39
  • Scaling The Fingers
    07:28
  • Creating The Tapping Motion
    11:13

  • Project Introduction
    01:17
  • What You Will Learn
    00:59
  • Challenges
    01:00
  • Default Settings And Body Tag
    01:01
  • Penguin's Container
    01:49
  • Head Of Penguin
    01:19
  • Irregular Shape Of Head
    01:29
  • Adding A Before Element To The Head
    03:50
  • Adding An After Element The Head
    02:00
  • Adding Container of Inner Head
    01:46
  • Adding A Before Element to Inner Head
    02:37
  • Adding An After Element To Inner Head
    02:22
  • Penguin's Eyes Container
    01:29
  • Outline Of Penguin's Eye
    03:21
  • Second Part Of Penguin's Eye
    02:33
  • Third Part Of Penguin's Eye
    02:01
  • Adding Right Eye Of Penguin
    01:29
  • Adding Mouth Of Penguin
    04:02
  • Setting Up Body Of Penguin
    03:00
  • Adding After Element Of Penguin
    03:30
  • Adding Container Of Arms And Left Arm
    04:34
  • Adding Right Arm Of Penguin
    02:42
  • Adding Feet To Penguin
    04:39

  • Conclusion
    01:44

Requirements

  • HTML
  • A code Editor
  • An Internet browser

Description

In this course, you will learn all the most important properties in CSS. 

In addition to HTML, mastery of CSS is essential for creating any website. 

I hope this course will save you time spent trying to figure out what you need to learn and what you do not. 

By the end of the course, you will have a firm understanding of all commonly used CSS properties. 

I have included four projects for you to practice with.


Who this course is for:

  • Someone who is familiar with HTML
  • A hard worker with a good memory: this course has a lot of material to learn

Instructor

Eric Tam
Software Developer
Eric Tam
  • 4.3 Instructor Rating
  • 278 Reviews
  • 31,225 Students
  • 11 Courses

*Over 100 Five Star Reviews*

I am a self taught software developer currently working with HTML, CSS, Javascript and PHP.

I have been programming for more than seven years.

Most of my courses are project based as I believe the best way to learn is to create your own projects.

If you need any assistance while taking my courses, please feel free to ask. I love helping students out.


  • 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
  • Featured courses
Udemy
© 2021 Udemy, Inc.