Osnove HTML-a i CSS-a - Besplatan kurs

37 lekcije

CSS - Styling list

Na ovom predavanju pažnju posvećujemo stilizovanju HTML lista. Ovo predavanje biće realizovano kroz nekoliko praktičnih primer.

Na prvom primeru videćemo kako mozemo da pomoću css-a menjamo predefinisani izgled listi. Takodje pokazaću kako mozete da definišete specifican izgled lista. Parameti koji se obradjuju:

list-style
list-style-image

Takodje objasnicu i stilizovanje pomoći

background-image and padding
::before

Na drugom primeru pokazavu kako se može stilizovati lista koja će predstavljati vertikalnu navigaciju

Na trecem primeru pokazaću kako se pomoću lista i CSS-a može kreirati horizontalna navigacija - meni.

I na poslednjem primeru kako mozete pomoću lisyi i css-a kreirati padajući meni

Materijali

Download material for lesson Download material after lesson

Osnove HTML-a i CSS-a - Besplatan kurs

Uvod u kurs

Working environment - LINUX

Working environment - WINDOWS

Working environment - Mac OS X

HTML

Introduction to HTML

Working with Typography

Working with MULTIMEDIA

Working with LINKS

Working with LISTS

Working with TABLES

Working with FORMS

HTML 5 - Structuring content

HTML 5 - Structuring content - CHALLENGE

HTML 5 - Structuring content - SOLUTION

Design

Figma - Manual

CSS

CSS Introduction - linking to HTML

CSS Debug tool

CSS selectors, pseudo-class and pseudo elements

CSS selectors and pseudo class - PRACTICE

CSS - Working with tipography

CSS - Working with fonts

CSS - Colors

CSS - BOX model

CSS - Display property

CSS - Float property

CSS - Images and Backgrounds

Display + Float practice

CSS - Display + Float CHALLENGE

CSS - Display + Float SOLUTION

CSS - Position property

CSS - Position practice

CSS - Flex

CSS Flex - PRACTICE

CSS - Styling list

CSS - Styling table

CSS - Styling form

CSS - Animation

HTML + CSS Project

CSS - Styling list

Materijali