Introduction To CSS

What is CSS

CSS(Cascading Stylesheet) is the stylesheet language used to style a webpage. It is the language used to specify the presentation and styling of a document written in markup file. CSS is used to style the content of a Webpage by adding design, elements(e.g colors, fonts, spacing, e.t.c). CSS transorms plain HTML structure into usually captivating websites.

The elements of a CSS file is determined by the tags in an HTML/markup file.

Types of CSS

In General, we have two types of CSS, namely:

1. Inline CSS
2. Outline CSS

For example

If we have a div(<div class="test"> </div>) with a class named test, and in our HTML, we have something like this:

            <div class="test" style="width: 70%; border: 1px solid black; box-shadow: 12px 10px 35px rgba(0, 0 ,0, 0.8); height: 90%; text-align: center; margin: auto;"> </div>
        

If we run it in our browser, we should have something like:

• The type of CSS used in the above example is an inline CSS

In the next lesson, we will talk more about CSS