Midas touch webtech

🌻CSS terms and definitions 🌻

Before learning CSS there are terms you need to know to avoid confusion or mispronunciations. Below are the CSS terms and their definitions👇

1) Selectors: this define an element to which a certain styling is to be applied.

Ex1: Midas touch is a Muslimah ( this is a html tag.) To style it in css you will have to select the paragraph tag like this👇

P{
Color: ;
}
In this case P is a selector

Curly brace( {} ): This is a declaration block. This homes the style property and value of a selector. { opening of a curly brace, closing of a curly brace}

Rule set: this includes the selector, the curly brace, property and value in a single CSS.
Ex2: everything below is a rule set.
P{
Color: ;
}

Property: a property is what appears before the colon in any line of css.
Ex3: h1{
Font-size: 14px;
}
The property of h1 here is the “font-size”

Value: this appears immediately after the colon. See ex3, “14px” appears after the colon. “14px” is the value.

Class selector: this target an/many elements by its/their class element.

ID selector: this target one element by its Id.

Full stop (.) this is use to style a class name.

Hash( #) this is used to style an ID.

Asterisk (*) this is used to style all elements at a go. It’s called “Universal selector”

Statement :is any rule/rule set in css.

Make sure you jot down these terms because you can’t escape using them in css.

Procrastination slows down /stop productivity.
That you plan to do today, do it now!