Osnove HTML-a i CSS-a - Besplatan kurs
37 lekcije
HTML
-
Introduction to HTML
38min
Free
-
Working with Typography
1h:30min
Free
-
Working with MULTIMEDIA
56min
Free
-
Working with LINKS
44min
Free
-
Working with LISTS
47min
Free
-
Working with TABLES
34min
Free
-
Working with FORMS
1h:28min
Free
-
HTML 5 - Structuring content
1h:09min
Free
-
HTML 5 - Structuring content - CHALLENGE
4min
Free
-
HTML 5 - Structuring content - SOLUTION
24min
Free
Design
CSS
-
CSS Introduction - linking to HTML
34min
Free
-
CSS Debug tool
17min
Free
-
CSS selectors, pseudo-class and pseudo elements
55min
Free
-
CSS selectors and pseudo class - PRACTICE
9min
Free
-
CSS - Working with tipography
45min
Free
-
CSS - Working with fonts
34min
Free
-
CSS - Colors
30min
Free
-
CSS - BOX model
47min
Free
-
CSS - Display property
55min
Free
-
CSS - Float property
33min
Free
-
CSS - Images and Backgrounds
50min
Free
-
Display + Float practice
1h:53min
Free
-
CSS - Display + Float CHALLENGE
13min
Free
-
CSS - Display + Float SOLUTION
1h:28min
Free
-
CSS - Position property
22min
Free
-
CSS - Position practice
24min
Free
-
CSS - Flex
46min
Free
-
CSS Flex - PRACTICE
1h:10min
Free
-
CSS - Styling list
35min
Free
-
CSS - Styling table
13min
Free
-
CSS - Styling form
39min
Free
-
CSS - Animation
42min
Free
-
HTML + CSS Project
1h:52min
Free
CSS selectors, pseudo-class and pseudo elements
Na ovom predavanju biće detaljno objašnjena CSS sintaksa. Css sintaksa se sastoji od:
selectora - tj targetiranje elemenata kome yelimo da dodelimo stil
tela - definisano vitičastim zagradama u kome se piše stil definisan u paru PROPERTY : VALUE;
Na ovom predavanju će biti akcenat na SELEKTORIMA:
Da bismo selektovali odredjeni element u HTML kome želimo da pridružimo stil to možemo odraditi na nekoliko načina:
- univerzalni selektor - *
- TAG selektor
- CLASS selektor
- ID selektor
Selektovanje po dubini - CHILD SELECTORS
- space
- >
SIBLING SELECTORS
- + selektuje prvi sledeći element
- ~ selektuje sve posle selektovanog
PSEUDO KLASE:
- :after
- :before
- :hover
- :active
- :focus
- :first-of-type
- :last-of-type
- nth-of-type()
PSEUDO ELEMENTI:
- ::first-letter
- ::first-line