FOI DE STIL IN CASCADA

CASCADED STYLE SHEETS

INTRODUCERE

Prezentarea principalelor notiuni prin exemple de formatare a textului

Exemplu de text neformatat:

Exemplu

TIPURI DE STILURI:

• Stiluri in-line
• Stiluri definite in interiorul documentului
• Stiluri definite in foi de stil externe

PROPRIETATI CSS DE BAZA:

FONT

• font
• font-family
• font-size
• font-style
• font-variant
• font-weight

TEXT

• color
• font-family
• direction
• letter-spacing
• text-align
• text-decoration
• text-indent
• text-shadow
• text-transform
• unicode-bidi
• white-space

BACKGROUND

• background
• background-attachment
• background-color
• background-image
• background-position
• background-repeat

BORDER

• border
• border-color
• border-style
• border-width
• border-bottom
• border-bottom-color
• border-bottom-style
• border-bottom-width
• border-left
• border-left-color
• border-left-style
• border-left-width
• border-right
• border-right-color
• border-right-style
• border-right-width
• border-top
• border-top-color
• border-top-style
• border-top-width

MARGIN

• font
• font-family
• font-size
• font-style
• font-variant
• font-weight

PADDING

• font
• font-family
• font-size
• font-style
• font-variant
• font-weight

DIMENSION

• font
• font-family
• font-size
• font-style
• font-variant
• font-weight

POSITIONING

• font
• font-family
• font-size
• font-style
• font-variant
• font-weight

OUTLINES

• font
• font-family
• font-size
• font-style
• font-variant
• font-weight

TABLE

• font
• font-family
• font-size
• font-style
• font-variant
• font-weight

LIST and MARKER

• font
• font-family
• font-size
• font-style
• font-variant
• font-weight

GENERATED CONTENT

• font
• font-family
• font-size
• font-style
• font-variant
• font-weight

CLASSIFICATION

• font
• font-family
• font-size
• font-style
• font-variant
• font-weight

CONTROLUL TEXTULUI

Proprietatile pentru "FONT"

Tipuri de fonturi si Familii de fonturi

Exemplu

Marimi de fonturi

Exemplu

Proprietatea font-weight

Exemplu

Proprietatea font-style

Exemplu

Proprietatea font-variant

Exemplu

FORMATAREA TEXTULUI

color

Exemplu

text-align

Exemplu

vertical-align

Exemplu

text-decoration

Exemplu

text-shadow

Exemplu

text-transform

Exemplu

REGULI CSS

PREZENTARE PRIN EXEMPLE

Exemplu de regula complexa:

SELECTORI

PREZENTARE PRIN (cateva) EXEMPLE

A. Selectorul de tip (sau de element) - Type Selector (Element Selector)

Exemplu

B. Selectorul de clasa (Class Selector)

utilizare:

C. Selectorul unic (Id Selector)

utilizare:

EXEMPLE COMPLEXE SELECTORI

BOX MODEL