Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
CSS beginner Easy way to Get started with better web design
Rating: 3.9 out of 5(264 ratings)
34,443 students

CSS beginner Easy way to Get started with better web design

Easy to follow Guide for CSS Beginners, learn how to use CSS the right way step by step learning to apply CSS design
Created byLaurence Svekis
Last updated 11/2024
English
English [Auto],

What you'll learn

  • create better web content
  • add CSS to HTML
  • understand how CSS works
  • increased knowledge of web structure
  • write CSS code

Coding Exercises

This course includes our updated coding exercises so you can practice your skills as you learn.

See a demo
Image of coding exercise example

Course content

2 sections • 15 lectures • 1h 15m total length

  • CSS course introduction2:11

    Discover CSS basics and how HTML and JavaScript power websites, transforming plain pages with styling. Learn to break down HTML, nest selectors, create sticky footers, and build navigation with exercises.

  • HTML adding CSS12:12

    Apply css to html using inline, on-page, and external stylesheets to style web pages. Learn color control with hex and rgb, understand cascade order, and use important to enforce styles.

  • Create an inline style
  • CSS using IDs to select elements5:56

    Learn how to use CSS selectors to target HTML elements, including tag-based selection and the use of unique IDs to style a specific element, with examples for paragraphs and images.

  • Create an id for an element
  • CSS spans and divs Classes5:57

    Reuse styling by applying classes to paragraphs, divs, and spans with dot notation in css, and compare divs and spans for block versus inline content and the role of ids.

  • Using CSS2:00
  • CSS working with backgrounds10:18

    Learn to style the entire page by applying background colors and images to the body, using CSS background properties, shorthand, and options for positioning, repetition, and fixed versus scroll behavior.

  • Set the background color of the entire body
  • CSS selecting the right elements4:34

    Explore how to select the right elements in CSS by targeting h2 tags to highlight lesson titles, adjust background color, padding, and contrast for readability, and avoid overusing images.

  • Define a style to set the font color
  • CSS hyperlinks and navigation5:09

    Style a navigation menu to differentiate page links from hyperlinks with a custom look, using background color, text-decoration: none, padding, uppercase text, margins, and height adjustments.

  • Define a style to remove underlines from all hyperlinks
  • CSS box model9:33

    Explore the CSS box model by examining content, padding, borders, and margins, and use shorthand padding and margin to control top, right, bottom, and left.

  • Define a CSS style to set the padding for a specific class
  • css box model shorthand1:00
  • CSS nesting selections5:32

    Nest link styling within the navigation bar to prevent global changes and keep navigation consistent. Learn to use nested selectors, specificity, and important to control overrides without breaking other links.

  • Create a style for a nested element
  • CSS Combinators6:43

    Explore css combinators by applying descendant, child, adjacent sibling, and general sibling selectors to h2 elements within a lesson container; observe padding and background color propagation in practice.

  • Create a style using the adjacent selector
  • CSS and HTML source code3:00
  • CSS positions7:42

    this lecture demonstrates a sticky footer that stays visible with fixed positioning and 100% width, plus a bright background. Compare fixed and absolute positioning and add comments for maintainable code.

  • Create a sticky footer

Requirements

  • everything is included
  • computer
  • desire to learn

Description

CSS is one of the main foundation languages for much of the content on the internet today. Along with HTML and JavaScript, CSS is used to form what we see on the internet.

Perfect for beginners, and people who want to refresh their skills to learn more about CSS is and how to use it.

Knowing how to apply CSS is an excellent skill to have. CSS is everywhere and by the end of this course you will have what you need to use it on your own webpages.

We walk you through step by step with detailed explanations of code and more. We add and update a webpage from scratch adding CSS to bring it to life and completely change the way it looks.

  • no wasted time watching someone type
  • practice with coding exercises
  • quick lessons get right to the point
  • fully covered topics with real world examples
  • source files downloadable to work along
  • challenges and lessons and code samples
  • code snippets
  • Links to top resources to save time
  • 30 day money back guarantee
  • new course material added regularly
  • trusted name in education since 2002
  • full HD easy to read source coding
  • quick response support to students
  • regular discussions

We teach you the latest techniques and tools to use in order to create amazing web content.

Everything you need to know is included in this course.

Learn at your own pace, lifetime access to this course.

We show you how to write CSS code, easy to learn. Our tutorials are easy to follow and effective in teaching CSS.

Who this course is for:

  • web developers
  • web designers
  • webmasters
  • anyone who wants to learn about CSS
  • anyone who wants to use CSS
  • anyone who wants to refresh their knowledge about CSS

Report abuse