02Geek HTML5 and JavaScript, TypeScript, React, Flash, ActionScript online School

Defining your first CSS Rules

Our first CSS course will help you get started with CSS. By the end of it, you will know how to create and work with CSS rules.

Duration:

23:14

Created with

Ben Fhala

Ben Fhala

Ben Fhala is the creative force and founder behind 02geek, a pioneering platform dedicated to making web development accessible to everyone. With over 18 years of experience in the industry, Ben has a deep passion for teaching and a knack for breaking down complex concepts into easy-to-understand lessons.

Defining your first CSS Rules Overview

What you'll learn

Learning CSS can be fun and easy and is with us. Before we dive deep into the world of CSS we are going to start with placing CSS script. In the next few lectures we will create our first CSS style, convert it into a rule, learn how to position our script(within an item, in a document or as an external file). Last but not least, we will learn how to inspect other sites for inspiration. By the end of this chapter, you will know how to create and work with CSS rules.

CSS Overview

Introduction to the project we will be working on in the following chapter.

02:43

Setting our first style

We start our journey into the world of CSS with our first live example of defining some style to our HTML document using the HTML style property.

04:52

Adding multiple rules to an element

In this lesson we continue and learn how to add more than one CSS property to the same element.

03:46

Converting our style into a rule

We will experience creating our first CSS rule.

03:16

Moving our CSS logic into a separate file

We will learn how to apply the CSS you created in the website

04:09

Inspecting any CSS on the fly

In the end of this lesson you will know how to tweak CSS rules of your own or even peak and grab ideas from other sites.

04:28
Download Source Files