Home » Programming » CSS tutorial video


CSS tutorial video


The CSS video tutorial presents: basic css syntax, how to connect pages and css files, insert images, set a style, set colors and backgrounds, format text, how to align HTML elements, how to design links and how to use layers. You will learn about box model, positioning and floating elements.

CSS provide more control and flexibility in the specification of presentation characteristics, CSS (Cascading Style Sheets) reduce complexity and repetition in the structural content and enable multiple pages to share formatting. Cascading Style Sheets can also be used to allow the web page to display differently depending on the screen size or device on which it is viewed.

This tutorial is divided into 13 lessons, total length 36 minutes.

  1. CSS Introduction (01:00)
    What is CSS?
    buy single lesson
  2. How does CSS work? (04:24)
    Basic CSS syntax, CSS model, applying CSS to an HTML document.
    buy single lesson
  3. Colors and background (03:44)
    Color and background-color property, background-repeat, background-image, background-position, background-attachment
    buy single lesson
  4. Working with Text (05:35)
    Text-indent property, text-transform, text-decoration, text-align, letter-spacing
    buy single lesson
  5. Fonts Property (02:46)
    Font-family, font-variant, font-style, font-size, font-weight,
    buy single lesson
  6. Creating Links (01:40)
    Pseudo-class: a:link, a:visited, a:active, a:hover
    buy single lesson
  7. Identification and grouping of elements (class and id)  (03:30)
    Grouping with class, grouping with id
    buy single lesson
  8. Grouping of elements (span and div) (01:40)
    Grouping with span, grouping with div
    buy single lesson
  9. The box model (04:32)
    The CSS box model, margin, padding, border-style, border-width, border-color, border, width, height
    buy single lesson
  10. Floating elements (02:00)
    Float, media types description, clear
    buy single lesson
  11. Positioning of elements (02:06)
    Relative positioning, absolute positioning,
    buy single lesson
  12. Layer on layer with z-index (01:12)
    What is z-index?
    buy single lesson

Price 12.00 USD

Frequently Asked Questions

Free lesson:

Tags: , , ,