link-uri CSS

1. Linkuri layout

layout-uri clasice

2. Pozitionarea in CSS

positioning:

Link preluat de pe la: http://www.barelyfitz.com/screencast/html-training/css/positioning/

learnlayout

Cele mai importante modalitati de aranjare in pagina – modelul box, pozitionare, overflow, media queries

 3.Site complet, tutorial in limba romana

Cum se face un website, partea 2, site complet realizat de la 0 in HTML, CSS cu galerie de imagini – tutorial video (aici nu mai exista link-ul de pe youtube, doar fisierele de lucru https://videotutorial.ro/wp-content/uploads/2009/08/test_html.zip). Link-ul de pe youtube e aici: https://www.youtube.com/watch?v=7lFjVW_47QU

4. Colectie de site-uri pentru invatare online

 50-places-you-can-learn-to-code-for-free-online

www.bentobox.io

5. Tutorial meniu dropdown

http://www.cssdrive.com

sau pe youtube meniu dropdown

 Tutorial meniu CSS-Play

Problema setarilor de inaltime si asezare in pagina a fost rezolvata deja prin intermediul framework-urilor sau a abordarii css3_flexbox. In trecut trebuia apelat la  comportamente particulare a unor proprietati CSS care nu aveau legatura directa, de exemplu, cu inaltimea unui div ci doar cu pozitionarea, position:absolute.

Setarea inaltimii la 100%

Varianta1

Varianta2

(se apeleaza la un comportamentul particular al proprietatii position: absolute, care determina ca div-ul respectiv sa se intinda pe toata inaltimea ferestrei de browser)