Start modifying how your pages look and feel in this introductory exploration of CSS.

Web Essentials

If you’re looking to style your front-end, this module is for you. You'll find it particularly useful if you're coming from some other area of software development, although prior experience is not required.

In this module, you will start with a short tour of CSS. You’ll get to experiment with it through examples that explain its role and behavior. From there, you will then dive deep into each technology, exploring concepts like CSS patterns to make your web pages look good.

By the end of this module, you will be able to beautify your own web applications.

Cascading Style Sheets (CSS)

Using length measurements, a vaild declaration looks like this:

    p {
        background-size: 150px 200px
    }

When length measurements are used, the background image  is scaled to the specified length values. The first value specifies the size along the x-axis, and the second along the y-axis i.e left to right, and top to bottom.

Here's a visual example:

As opposed to keywords, backgrounds may also be sized using length measurements. Here's how it works.

Sizing Backgrounds Using Length Measurements