Learn CSS Web Design & Development Beginner CSS introduction
4.1 (148 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.
12,940 students enrolled

Learn CSS Web Design & Development Beginner CSS introduction

CSS masterclass learn how to apply styling to HTML elements
4.1 (148 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.
12,940 students enrolled
Created by Laurence Svekis
Last updated 11/2019
English
English [Auto]
Current price: $139.99 Original price: $199.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 5.5 hours on-demand video
  • 25 articles
  • 2 downloadable resources
  • 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
  • Apply CSS styling to HTML elements
  • Create web pages and web sites
Requirements
  • Basic HTML
  • Computer Access Internet Access
Description

Learning how to apply CSS to your HTML it will bring your web content to life!

Learn about CSS. Cascading Style Sheets is one of the main building blocks of web content online.  Its used everywhere to add styling to plain HTML. Applying CSS is easy to get started with updating your plain HTML code. Everything you need to get started with CSS is provided within this course.

Bring your web content to life with CSS.   This course will show you the syntax used within CSS and help you better understand where to apply the properties and values. Whether you are a beginner or want to update your skills, this course is for YOU! 

CSS is designed to save you time and we show you how to use it effectively to achieve results.

Explore what the different CSS properties can do. Expand your knowledge of CSS and learn what can be done with Cascading Style Sheets .    Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of elements within an HTML page.  This course is designed to help you learn how to use CSS within your web pages. 

Learn What CSS is and how YOU can use it!

Explore How to add CSS to your websites
Add styling with colors to fonts and backgrounds
Learn about the Box Model
Find more about How Padding, Borders, and margins work
Update your height and width and dimensions
Basics of displaying content with CSS
Explore the use of floats to create multiple column sites and pages

All about CSS positioning everything is included to get you started quickly!

Learning the CSS fundamentals will help you develop the core skills to apply styling to your HTML content.

From an instructor with over 18 years of web development experience.

I'm here to help you learn about CSS and ready to answer any questions you may have.  Let me introduce you to using CSS. I show you how to add CSS to your websites. What CSS can do and the amazing transformation that can be done.



Who this course is for:
  • HTML beginners
  • Web designers
  • UI UX beginners
Course content
Expand all 83 lectures 05:58:55
+ Introduction to CSS
45 lectures 02:58:01
How to add CSS to HTML Pages
10:28
Making selections CSS inspector
07:42
Divs and spans content selection
06:32
CSS selection id tag class
08:43
Colors HEX RGB RGBA values
07:29
CSS named color values
02:28
CSS background images
09:16
CSS background shorthand statement
02:33
Code Sample Backgrounds
00:06
CSS borders shorthand
05:44
CSS border Outline
02:04
Code Sample Borders
00:05
CSS Margins
04:07
CSS padding
03:10
CSS Box Model Dev Tools
07:40
Box Model Code Example
00:07
CSS height and Width
03:45
Box Model Challenge
05:20
Box Model Challenge Source
00:11
Auto Margins Center your elements CSS
02:02
CSS font property
05:37
CSS Text property
04:19
Chrome dev tools editors and options
02:48
Adding Font families Google Fonts
04:55
Line Height CSS
02:54
CSS letter spacing
02:35
Code examples Fonts text and letters
00:22
CSS links
04:52
CSS table styling
05:56
Display and Hiding elements CSS
06:37
Code samples
00:02
Display Inline 4 squares Challenge
05:31
Display Inline 4 squares Solution
00:12
CSS position Properties
06:14
DevTools Design Tips
03:03
Code Example position
00:04
Coding Challenge Make a NavBar from an unordered list
04:16
NavBar start code
00:04
Code Challenge Solution
10:42
Source Code Code NavBar CSS
00:16
Source Example Code
00:40
CSS links and Resources
00:02
+ Using CSS to build webpage layouts
13 lectures 55:49
Floats section introduction
02:14
More about Floats
05:57
intro to floats
04:53
CSS Float images inline with text
06:17
CSS float thumbnails
05:26
Source Code Thumbnails
01:22
HTML build basic page layout CSS
06:10
2 column CSS site
04:12
Create a 2 column page layout in minutes
06:19
2 column source code
00:39
Create 3 column webpage
07:07
3 column height background color fix
03:55
Source Code 3 Column Website
01:17
+ Advanced CSS
9 lectures 53:31
CSS Combinators
07:40
CSS Pseudo Classes
08:55
Source Code examples
03:38
CSS Pseudo Elements
08:22
Source Code
03:34
CSS Selectors by attributes
08:46
Selector example code
00:01
CSS Media Queries secret to responsive design
12:14
Media query source code
00:19
+ Do more with your CSS
8 lectures 31:38
Multiple Background Images CSS
02:46
Element box properties CSS
07:07
More border options CSS3
08:08
Source Code Example
00:18
background gradients CSS
06:07
Code sample
00:21
CSS3 Animation
06:23
Animation example code
00:27
+ Apply CSS create a website
6 lectures 38:38
HTML build a basic website structure with HTML
06:25
Apply CSS build a navbar
05:18
Build 2 Column main content area CSS
06:41
Sidemenu links hover CSS
07:47
CSS website tweak
10:21
Website source Code
02:06