Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Learn CSS Basics Fast
514 students

Learn CSS Basics Fast

Learn CSS Basics Fast with this course
Last updated 8/2018
English

What you'll learn

  • Develop their own Web page with CSS and HTML

Course content

1 section27 lectures1h 40m total length
  • Getting Started2:38

    Begin with CSS basics and cascading style sheets, and get started by downloading and installing via a web browser, noting the caption's mention of programming languages like C and C++.

  • Embed CSS - Incline Method4:08

    Learn one simple incline method to embed css and apply color styling to web elements, illustrating practical css basics.

  • Embed CSS1:50

    Learn how to embed css and apply colors including red and green to elements in your pages.

  • Embed CSS - CSS file4:16

    Learn how to embed css using a css file, apply styles to classes, and set colors like red to elements for consistent web design.

  • HTML Tag Selector1:50

    Master css basics by using the HTML tag selector and the id selector (hash), and discover two common ways to select elements for styling.

  • Select By ID2:23

    Learn how to select elements by ID in CSS and apply style changes to headings, then save the code and preview the result, including a color update to blue.

  • Select By Class1:27

    Learn CSS basics fast by selecting elements by class to change heading colors; practice applying red, blue, and green styles to first and second headings.

  • CSS Text 14:10

    Learn to change font type and style, adjust font size, and apply serif typography to customize text in a CSS project.

  • CSS Text 21:33

    Master CSS text basics in CSS text 2 to apply foundational text styling for web pages.

  • CSS Text 33:24

    Learn css basics fast with css text 3, focusing on practical text styling and formatting techniques. Engage in hands-on exercises to apply what you learn to real-world layouts.

  • CSS Text 41:26

    Explore basic css concepts from css text 4 by centering a line and applying borders.

  • CSS Text 52:03

    Learn practical css text highlighting techniques, applying colors like yellow and aqua to elements, and saving styles in a css file to enhance visual emphasis.

  • CSS Content Block 16:46

    Explore how to style content blocks with padding, borders, and a yellow background in css, shaping content flow and visual emphasis through color and thickness.

  • CSS Content Block 23:18

    Preview of CSS content block 2 covers adding more CSS properties and border styles, including dot and dash patterns, for designing borders on elements.

  • CSS Content Block 34:11

    Learn how to change the body color and style borders for the top bar, bottom border, and right side using solid and dashed options in CSS content block 3.

  • CSS Content Block 42:30

    Apply and customize padding in CSS blocks, set a yellow background, and adjust heading padding to control spacing.

  • CSS Content Block 55:45

    Learn to customize css content blocks by adjusting margins and layout, set text color, apply a yellow background, and join contents into cohesive blocks.

  • CSS Positioning 10:37

    Explore CSS positioning basics by examining why elements stay in their starting position under static positioning, clarifying how the static position defines the element's position in CSS.

  • CSS Positioning 22:30

    Explore relative positioning in CSS and learn how the top property shifts elements relative to their origin. Use top adjustments to move content and control layout precisely.

  • CSS Positioning 35:07

    Explore how relative position and absolute positioning affect element layout, including how the ancestor body acts as the origin and content shifts.

  • CSS Positioning 46:51

    Practice css positioning to build a header and menu, using top, left, width, and height to calculate browser-based layouts and test fixed versus flowing elements.

  • CSS Positioning 55:21

    Learn CSS positioning basics, with a focus on absolute positioning and how moving elements affects layout. See how content aligns, overlaps, and responds as you adjust positions.

  • CSS List6:10

    Master CSS list styling by adjusting list items and applying different markers, including decimal, square, and star, to customize how lists appear across your page.

  • CSS Hyperlink3:59

    Learn how to style hyperlinks with CSS, set up a simple link in your index, and apply color states like green and orange to the main content.

  • CSS Rollover3:43

    Learn how to implement CSS rollover effects for menu bars and navigation bars, using basic CSS techniques to enhance interactive UI elements.

  • CSS Menu Button4:12

    Create and style a css menu button with navigation buttons and icons, adjust background colors, save the css, and run it to see the resulting buttons.

  • CSS Rearrange Website8:23

    Learn how to tidy and rearrange a website using CSS basics, adjusting navigation, content blocks, and padding to create a cleaner, better-structured page.

Requirements

  • Computer Knowledge

Description

Why Learn Programming & Web Development?

According to Marbella International University Centre, learning to code gives you a massive advantage:

  • High Earning Potential: Software developers and web creators are among the most in-demand professionals globally across web development, app creation, and data science.

  • Better Workplace Collaboration: Bridge the common communication gap between business managers and technical teams by understanding how code works.

  • Satisfy Your Curiosity: We use websites and apps every day. Learning to code reveals exactly how these digital tools work under the hood.

  • Automate Daily Tasks: Stop doing repetitive work manually. Coding allows you to build custom tools to streamline your daily workflow.

  • Sharpen Problem-Solving Skills: Programming builds abstract thinking and logical reasoning—skills that pay off in every area of your personal and professional life.

Course Overview

Welcome to the ultimate bite-sized course for learning CSS quickly! If you want to master web styling without spending dozens of hours on tedious theory, this course is built for you. You will jump straight into practical lessons so you can build and style your own website immediately after finishing.

Note: This course builds on the foundational concepts from Learn HTML Basics Fast.

What You Will Learn

  • Development Setup: Install and configure your text editor for maximum efficiency.

  • CSS Integration: Learn how to apply CSS using Inline, Embedded, and External CSS files.

  • Selectors: Master targeting HTML elements using Tag, Class, and ID selectors.

  • Typography: Style text with custom fonts, colors, and text decorations.

  • The Box Model: Take full control of element blocks, margins, padding, and borders.

  • Layout Positioning: Understand how to use Static, Relative, Absolute, and Fixed positioning effectively.

  • Navigation & UI Controls: Design custom lists, hyperlinks, rollover effects, and interactive menu buttons.

  • Project Assembly: Rearrange and refactor elements to finish a complete, polished website layout.

Who this course is for:

  • Beginner Web Developers curious in CSS