0Pricing
HTML for Kids · Lesson

What is CSS?

What is CSS?

What is CSS? is a free HTML for Kids lesson on CoddyKit — lesson 1 of 1. You can read the complete lesson below for free — then practise it hands-on in the browser with a built-in code editor and a 24/7 AI tutor. It is part of the HTML for Kids learning path, one of 1 lessons in the course, and your progress syncs across the web and the CoddyKit app.

Introduction

Hello,

In this course, we will learn CSS, a software language that will increase the visuality of our web pages.

If you are not familiar with HTML, firstly complete the HTML Getting Started course. 

If you say I already know HTML, let's get started.

What is CSS? — illustration 1

In this part of our course we will learn why we need CSS.

In this part of our course we will learn why we need CSS.

First of all, let's ask the first question that stuck in my mind while learning CSS.

What HTML cannot do, we have to learn an extra language?

HTML is a language we use to present the data

First of all, let's recall what HTML does. 

HTML is a language we use to present the data we have on web pages (Text, Visual, Formula, etc.) more accurately to users.

An HTML document as the base of a web page.

For example, let's imagine that we are writing an article in a notebook. 

If we remove the dot, comma, and other punctuation marks from our article, we can misrepresent what we want to tell the people who will read our article.

There are also HTML tags that we use to express the information we want to give to users more clearly on the web pages.

And a web page is an HTML document, and browsers are looking for an HTML document to run the page. So you can think of an HTML document as the base of a web page.

So what does CSS do?

So what does CSS do?

CSS is a technology developed to provide the visuality that HTML is insufficient during the presentation of the data we have.

CSS with analogy

Let's think with another analogy. Imagine you are building a house. The main task of a house is to serve as a shelter for people who will live in it. This is what HTML does.

The primary purpose of a web page is to provide information to people who open this page in their browser. CSS is a technology that provides the exterior paint of this house, decorations of the house, and the proper placement of windows.

CSS with Analogy 2

Even if ideal web pages do not have CSS (e.g., Wikipedia), HTML fulfills the primary task because it carries data. However, CSS helps HTML to present this data to the user in a more meaningful and beautiful way.

What is CSS? — illustration 7

Wikipedia - 1

The image above is a screenshot of the wikipedia.com site with styles disabled. 

In other words, using only HTML language, we can get an output as you see above for our visitors.

What is CSS? — illustration 8

Wikipedia 2

Now let's look at the output by re-enabling the CSS code.

As you can see, the data presented within the site does not change, but with CSS, our site only becomes friendly for users.

What is CSS? — illustration 9

it has gained many visual abilities.

With the current version of CSS, CSS3, it has gained many visual abilities.

most frequently asked questions

We learned what CSS is. Before moving on to the next section,

let's see the most frequently asked questions about CSS.

History of CSS

Since when has CSS (Cascading Style Sheets) been used?

CSS is a technology used since 1996.

without using CSS?

Can I make a web page without using CSS?

Yes, you can. But it will probably look so bad that no users enter. Without CSS, a web page cannot be literally called a web page.

Major web apps question

Do major web apps like Facebook, Google, and Amazon use CSS?

Yes, not only these but every web page you open in the browser uses CSS.

Is CSS challenging to learn?

Is CSS challenging to learn?

CSS is easy to learn. We will write code as if we speak English. However, in a few minor issues, software developers often find it difficult. 

For example, how to position the blocks on the page. We will focus on these and similar issues. By the end of our course, you will definitely learn CSS.

CSS advice

Do you have any advice you would like me to do while learning CSS?

Yeah. You can learn CSS very quickly by practicing a lot.

Congratulations

Congratulations. 🥳🥳🥳

You have finished the What is CSS lesson.

In the next section, we will learn the Introduction to CSS.

You can click to continue in the next section.

What is CSS? — illustration 17

Frequently asked questions

Is the “What is CSS?” lesson free?

Yes — the full text of “What is CSS?” is free to read here on the web, and the HTML for Kids course includes 1 lessons in total. To practise it interactively (a built-in code editor and a 24/7 AI tutor) and unlock the rest of the HTML for Kids course, upgrade to CoddyKit PRO.

What will I learn in “What is CSS?”?

What is CSS? You practise HTML for Kids with hands-on code you run directly in the browser, and a 24/7 AI tutor answers your questions as you work through the lesson.

Do I need any experience to start HTML for Kids?

No prior experience is required. HTML for Kids on CoddyKit is structured for beginners through advanced learners; this is — lesson 1 of 1, so you can start here or from the beginning and move at your own pace.

How long does the “What is CSS?” lesson take?

Most CoddyKit lessons take about 5–10 minutes. Each one is bite-sized and interactive, so you make steady progress and pick up exactly where you left off across the web and the app.

Can I write and run code in this HTML for Kids lesson?

Yes. Every HTML for Kids lesson includes a built-in code editor, so you write and run real code right in your browser and get instant AI feedback — no local setup required.

← Back to HTML for Kids