Tutoriale CSS

 Page 3 of 4 « 1  2  3  4 »

Meniu vertical lista

Codul cel mai structurat si curat arata precum in modelele de mai jos. In HTML codul trebuie sa arate ceva de genul: Link 1 Link 2 Link 3 Link 4 Link 5 In CSS codarea este: <a href=”#a” >Link 1</a> <br> <a href=”#a” >Link 2</a> <br> <a href=”#a” >Link 3</a>... (Intreg articolul)

Float

Ex. img{float: left} FLOAT-uri sunt DIVuri pozitionate RELATIV si cu valoaret float:left sau float:right sau none. Atentie !Float-urile sunt smechere, nu se actioneaza tot timpul asa cum te-ai astepta. Note: Dac nu exista destul spatiu pe o line ca elemntul sa “float”... (Intreg articolul)

Pozitionare

Pozitionarea permite asezarea unui obiect intr-un anume loc folosind coordonatele. Totodata obiectele pot fi pozitionate pe straturi diferite, unul deasupra celuilalt. Atat pozitionarea absoluta (ASOLUTE) cat si cea relativa (RELATIVE) folosesc proprietatile LEFT si TOP exprimate in px (pixeli), in... (Intreg articolul)

Proprietati Border

CSS border permite specificarea unui stil sau /si culoare a chenarului cu proprietatile asociate width, style si color. Atentie! Trebuie definite width si style ca sa nu avem probleme la functionalitatea in IE, Firefox sau Netscape. border-width – grosime border –... (Intreg articolul)

CSS – Stil lista

Cu eticheta ol din HTML cream liste ordonate sau numerotate. Ex: <style type=”text/css”> <!– li {list-style-type: valoare;} –> </style> Unde valoarea poate fi: disc, circle (cer), square (patrat); decimal (nr intregi); lower-roman (nr romane, caractere mici); upper -roman( nr romane, caractere mari); upper-alpha( caractere mari A, N,... (Intreg articolul)

Background

background: #ffffff url(calea_catre_imagine) top left no-repeat fixed; Valori: attachment; color; image; position; repeat . Fie se seteaza fundalul precum e modelul de mai sus, fie separat ….cum voi incerca sa va specific mai jos. Atasament fundal Daca folositi o imagine ca fundal, puteti specifica... (Intreg articolul)

Ancore si Link-uri

Stilizare linkurile:a:link {color: #007700;} a:visited {color: #FFFFFF;} a:hover {color: #777773;} a:focus {color: #777777;} a:active {color: #007700;} LINK : a:link {color: #007700;} CULOARE LINK DEJA VIZITAT a:visited {color: #FFFFFF;} CULOARE LINK CAND MOUSE-UL E DEASUPRA LUI. a:hover {color: #777773;} IDEM SUS DAR E FOLOSIT CAND VIZITATORUL FOLOSESTE TASTATURA PENTRU... (Intreg articolul)

 Page 3 of 4 « 1  2  3  4 »