Preview »

CSS Introduction

By CodeStop

Requirements: No programming experience, at least 12 years old

Duration: 10 hours

Standards: K-12 Computer Science Framework Core Concepts and Practices * Algorithms and Programming - Collaborating Around Computing - Recognizing and Defining Computational Problems - Developing and Using Abstractions - Creating Computational Artifacts - Testing and Refining Computational Artifacts

An Introduction to CSS

CSS makes the World Wide Web beautiful. It is a markup language that you can use to design and layout a web page according to how you want it to appear. You can also use CSS to make a website mobile-friendly.

This course introduces you to the basic things that you can do with CSS. You'll learn the terminologies, syntax, properties, tools, and techniques that make up the core of CSS.

Work with various exercises and problems to accelerate your learning. At the end of this course, you will be able to have control of how you want elements on a web page to appear. Combine your skills in CSS and HTML, and you can make a lot of good-looking things on the web.

Course Outline

  • Basic CSS Syntax
    Learn to make your web page look good with the basic CSS style rules. Work with the basic style elements that are interpreted by a web browser and applied to the elements in your document.
    50 minutes
    CSS Selectors
    CSS selectors are used to select HTML elements that the CSS style rule will be applied. In this lesson, you will learn to create style rules using several types of selectors.
    1 hour and 15 minutes
    Applying CSS
    Practice the three different ways you can apply CSS to HTML: inline, internal, and external.
    1 hour and 20 minutes
    Manipulating Fonts and Text
    Explore the things you can do to manipulate text and fonts using CSS properties. You will learn how to alter that size and shape of the text on a webpage with a range of properties.
    45 minutes
    Working with Images
    Learn how you can use CSS to control image display on a web page with various image properties such as border, height, and width.
    50 minutes
    Formatting Tables
    Modify basic HTML table properties using CSS.
    45 minutes
    Borders and Outlines
    Learn how you can use border and outline properties to make an element stand out.
    55 minutes
    Margins and Padding
    In this lesson, you'll learn how to work with margin and padding to specify different top, right, bottom, and left values in one property.
    50 minutes
    Working with Lists
    Discover how you can control list types, positions, styles, and images using CSS.
    1 hour and 10 minutes
    Applying Layouts
    In this lesson, you'll learn how to control the positioning of various web page elements using layout tools and techniques.
    1 hour and 20 minutes