Introduction to CSS Variables and Functions Tutorial

Channel:

The Wheelchair Guy

Subscribers:

17,600

Published on June 3, 2023 4:00:05 AM ● Video Link: https://www.youtube.com/watch?v=Gwt1SpF5LTQ

Category:

Tutorial

Duration: 5:38

118 views

10

In this video, I will teach you how to use variables and functions in CSS. Who said only JavaScript, Python, and Java have functions and variables? That person was wrong. In this video, you will learn how to use variables. Here are the steps, first, you have to declare :root { } Inside the root, you can add variable names by adding two dashes followed by the variable name. For instance, --myColor: green; It should look like this :root {-myColor:green;} After you declare your variables and add colors, fonts, and other things, you will be ready to use them. Select the HTML element that you want to apply the styling on, and add the following, for example, h1 {
color: var(--myColor); }
in this case, it will apply the stored color in the CSS.
#html #css #tutorial