Curriculum

CSS

CSS HOME

0/1

CSS INTRODUCTION

0/1

CSS Syntax

0/1

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

Font Style

The font-style property primarily serves to designate italic text.

It offers three values:

normal: Text is displayed in a regular style.
italic: Text is displayed in italics.
oblique: Text appears to be leaning (although similar to italic, oblique is less widely supported).

Example

p.normal {
font-style: normal;
}

p.italic {
font-style: italic;
}

p.oblique {
font-style: oblique;
}

Font Weight

The font-weight property determines the thickness or heaviness of a font.

Example

p.normal {
font-weight: normal;
}

p.thick {
font-weight: bold;
}

Font Variant

The font-variant property dictates whether text should be presented in a small-caps font format.

In small-caps font, lowercase letters are rendered as uppercase letters, but they appear in a smaller font size compared to the original uppercase letters in the text.

Example

p.normal {
font-variant: normal;
}

p.small {
font-variant: small-caps;
}