Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Basics of CSS
Rating: 4.2 out of 5(89 ratings)
9,168 students

Basics of CSS

Learn the fundamentals of applying styling to HTML code, CSS syntax and how to use it. Simple guide to getting started
Created byLaurence Svekis
Last updated 11/2019
English
English [Auto],

What you'll learn

  • add CSS to their websites
  • apply styling to any HTML code
  • learn the syntax of using CSS
  • turn HTML code in amazing webpages
  • understand best practices for using CSS

Explore related topics

Course content

3 sections • 22 lectures • 1h 48m total length

  • CSS Basics course introduction2:23

    Learn to apply css styling to web pages by adding style sheets, understanding the box model, backgrounds, typography with Google fonts, margins, width, height, and interactive features like hover links.

  • Learn how to use CSS and what it is4:47

    Learn how CSS styles HTML to create a visible web page, using selectors, classes, and IDs, with live previews in CodePen and Brackets.

  • CSS Basics how to add styling to html10:59

    Learn to style web pages using external, internal, and inline CSS, link stylesheets, and understand how the CSS hierarchy determines which rules apply.

  • CSS Basics syntax10:32

    Discover how to separate presentation from markup with an external stylesheet. Explore selectors, classes, and ids to target content and apply color with hex, rgb, and rgba values.

  • CSS Basics Backgrounds7:18

    Learn to apply background colors and images in css using color values, the background shorthand, and options like background-position and background-repeat to control contrast and layout.

  • CSS Basics Box model Borders7:25

    Explore the CSS box model, including content, padding, border, and margin, with chrome dev tools and border options like solid, dotted, and none.

  • CSS Basics Padding4:40

    Understand how padding creates a buffer around content on all four sides, and use shorthand to set top, right, bottom, and left values or the two-value pattern.

  • CSS Basics working with margins6:23

    Explore the CSS box model by applying margins to move content, using pixels and percentage values with auto to center and create layouts, while comparing margins to padding and borders.

  • CSS Basics Height Width Overflow5:25

    Master how to set min and max widths and heights (for example 400px and 600px), ensure responsive layouts, and control content overflow with auto, hidden, and scroll.

  • Example of current code 10:09
  • CSS Basics working with text6:15

    Learn how to style text in CSS by adjusting alignment (left, center, right, justify), removing link underlines with text-decoration none, and applying transformations, spacing, and font properties.

  • CSS Basics updating and selecting fonts3:56

    Apply font family, size, and weight to distinguish text on your page. Use fonts like Arial and bold, and bring in Google Fonts via import or link.

  • CSS Basics turning UL into OL2:42

    Learn to style unordered and ordered lists in CSS, using list-style-type and list-style-image to turn ul into ol with circle or square markers.

  • CSS Basics hyperlinks hover active links5:16

    Learn to style CSS hyperlinks with hover, visited, and active states, set default link styles (text-decoration none, uppercase), and apply background color changes to create a simple menu.

  • CSS Basics display properties4:41

    Explore how CSS display controls layout by applying it to list items, comparing block, inline, inline-block, and noting display none versus visibility hidden and height and width of inline-block.

  • Adding fonts and source code 20:15
  • CSS Basics positioning3:54

    Learn how CSS positioning determines where an element sits on a page, covering static, relative, absolute, and fixed positions, with offsets and examples like sticky headers and footers.

Requirements

  • basic HTML
  • desire to learn
  • computer and internet access

Description

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. From an instructor with over 15 years of web development experience.

Make you webpages look.... BETTER!

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.

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

We teach you

  • What CSS is
  • How to add CSS to your websites
  • Add colors to fonts and backgrounds
  • Learn about the Box Model
  • How Padding, Borders, and margins work
  • Update your height and width
  • Working with text and select fonts
  • Working with lists
  • How to active your hyperlink styles
  • Basics of displaying content with CSS
  • All about CSS positioning
  • and much more

APPLY WHAT YOU'VE LEARNED

At the end of the course we show you how to bring together what you've learned to transform some HTML code into a fully styled website.

Create your own website from scratch

All the source code is included, in addition to top resource links and everything you need to have to get started with CSS.

Lets start learning CSS.


Who this course is for:

  • web developers
  • web designers
  • anyone who wants to learn about apply styling to HTML content

Report abuse