– Tutoriale, exemple si explicatii din care sa invatati, daca exersati si singuri. Cuprins Lectii : 1 – Scrierea codului CSS 2 – Crearea Foilor de Stil 3 – Configurarea fonturilor 4 – Configurarea textului 5 – Configurari pentru culori si fundal 6 – Controale pentru chenare si afisarea elementelor 7 – Controale de pozitionare…
Daca HTML permitea configurarea unor culori si elemente grafice de fundal doar pentru anumite elemente, CSS permite definirea culorii si a fundalului pentru orice element din pagina web. 1. Configurarea fundalului Se poate schimba fundalul (background) intregii pagini, sau pentru un anumit element din pagina, fie el de tip DIV, paragraf, imagine, tabel sau formular….
In acest tutorial puteti invata cum sa creati Meniu Dublu cu CSS (orizontal si vertical).Meniu dublu inseamna ca lista meniului contine inca un Meniu cu alte link-uri (denumit si Sub-Meniu).In general, Meniurile sunt create folosind tag-urile <ul> (sau <ol>) si <li> tags.– Presupunand ca deja stiti CSS si HTML, aplicati /adaptati codurile prezentate mai jos,…
Meniul orizontal-vertical este un meniu cu lista afisata pe o linie orizontala, iar fiecare lista poate sa contina un alt meniu cu liste verticale, care este initial ascuns, si afisat cand mouse-ul e pe textul /imaginea din lista orizontala.– Demonstratie (mutati cursorul mouse-ului peste Menu): – Codul sursa: <style><!– #menuv { position:relative; padding:2px; } …
Fiecare imagine care trebuie incarcata in pagina necesita o cerere de la browser catre server si asteptarea raspunsului, astfel, daca aveti un meniu cu 5 link-uri cu imagine, pentru a face ca pagina sa se incarce mai repede, e bine sa folositi un singur fisier cu imagini /butoane , nu 15 fisiere (5 * 3).Acest…
CSS3 contine trei proprietati noi pt. background: background-size, background-origin, si background-clip, de asemenea, puteti adauga mai multe imagini pentru fundalul unui element, si chiar sa folositi culori gradient, cu linear-gradient. background-size Proprietatea background-size permite determinarea marimii imaginii de background. Astfel, puteti folosi aceeasi imagine in mai multe elemente cu dimensiuni diferite. – Valori (puteti specifica…