Curriculum

CSS

CSS HOME

0/1

CSS INTRODUCTION

0/1

CSS Syntax

0/1

CSS Syntax

10 minutes

CSS Selectors

0/1

CSS How To

0/1

CSS Comments

0/1

CSS Colors

0/4

CSS Backgrounds

0/5

CSS Borders

0/6

CSS Margins

0/2

CSS Padding

0/1

CSS Height/Width

0/1

CSS Box Model

0/1

CSS Outline

0/5

CSS Text

0/6

CSS Fonts

0/8

CSS Icons

0/1

CSS Links

0/1

CSS Lists

0/1

CSS Tables

0/5

CSS Display

0/1

CSS Max-width

0/1

CSS Position

0/1

CSS Z-index

0/1

CSS Overflow

0/1

CSS Float

0/3

CSS inline-block

0/1

CSS Align

0/1

CSS Combinators

0/1

CSS Pseudo-classes

0/1

CSS Pseudo-elements

0/1

CSS Opacity

0/1

CSS Navigation Bar

0/3

CSS Dropdowns

0/1

CSS Image Gallery

0/1

CSS Image Sprites

0/1

CSS Attr Selectors

0/1

CSS Forms

0/1

CSS Counters

0/1

CSS Website Layout

0/1

CSS Units

0/1

CSS Specificity

0/1

CSS !important

0/1

CSS Math Functions

0/1

Text lesson

CSS Syntax

The selector indicates the HTML element targeted for styling.

Within the declaration block, there are one or more declarations, each separated by semicolons.

Every declaration consists of a CSS property name and a corresponding value, separated by a colon.

Semicolons separate multiple CSS declarations, while curly braces enclose declaration blocks.

Example

In this instance, all <p> elements will be aligned to the center and have their text color set to red.

p {
color: red;
text-align: center;
}

Example Explained

In CSS, ‘p‘ functions as a selector, indicating the HTML element targeted for styling, namely the <p> element.
‘color‘ represents a property, with ‘red‘ serving as its corresponding value.
Similarly, ‘text-align‘ stands as a property, with ‘center‘ denoting its value.

You will learn much more about CSS selectors and CSS properties in the next chapters!