Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Learn CSS Web Design Development Beginner CSS introduction
Rating: 4.5 out of 5(162 ratings)
12,970 students

Learn CSS Web Design Development Beginner CSS introduction

CSS masterclass learn how to apply styling to HTML elements
Created byLaurence Svekis
Last updated 11/2024
English

What you'll learn

  • Apply CSS styling to HTML elements
  • Create web pages and web sites

Course content

7 sections • 84 lectures • 5h 58m total length

  • Introduction to CSS course content7:08
  • CSS course resources2:39
  • Websites with and without CSS6:37
  • How to add CSS to HTML Pages10:28
  • Making selections CSS inspector7:42
  • Divs and spans content selection6:32
  • CSS selection id tag class8:43
  • Colors HEX RGB RGBA values7:29
  • CSS named color values2:28
  • CSS background images9:16
  • CSS background shorthand statement2:33
  • Code Sample Backgrounds0:06
  • CSS borders shorthand5:44
  • CSS border Outline2:04

    Explore how the outline property styles the area outside the border with the same options as borders and shorthand, including color, style, and width, and note overlap with element sizing.

  • Code Sample Borders0:05
  • CSS Margins4:07
  • CSS padding3:10
  • CSS Box Model Dev Tools7:40
  • Box Model Code Example0:07
  • CSS height and Width3:45
  • Box Model Challenge5:20

    Explore the box model by inspecting and recreating CSS properties in dev tools, including margin auto, a 500px width, 20px padding, a 1px red border, green background, and centered text.

  • Box Model Challenge Source0:11
  • Auto Margins Center your elements CSS2:02

    Center your web page content by applying auto margins on left and right within a fixed-width container. Explore how auto margins proportionally space content to keep layouts balanced across sizes.

  • CSS font property5:37
  • CSS Text property4:19
  • Chrome dev tools editors and options2:48

    Learn to use Chrome dev tools to edit css attributes and apply styles via classes or IDs. Explore color pickers, palettes, and Google fonts for web projects.

  • Adding Font families Google Fonts4:55
  • Line Height CSS2:54
  • CSS letter spacing2:35
  • Code examples Fonts text and letters0:22
  • CSS links4:52

    Style all hyperlinks in one place or per element within your CSS. Explore link, visited, hover, and active states, adjust colors and backgrounds, and remove underlines for navigation menus.

  • CSS table styling5:56
  • Display and Hiding elements CSS6:37
  • Code samples0:02
  • Display Inline 4 squares Challenge5:31
  • Display Inline 4 squares Solution0:12
  • CSS position Properties6:14
  • DevTools Design Tips3:03

    Explore dev tools for styling web pages, copy and paste updated style rules, manage temporary CSS files, and ensure changes propagate to your source code.

  • Code Example position0:04
  • Coding Challenge Make a NavBar from an unordered list4:16
  • NavBar start code0:04
  • Code Challenge Solution10:42
  • Source Code Code NavBar CSS0:16
  • Source Example Code0:40
  • CSS links and Resources0:02

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

Report abuse