Tips-uri CSS pentru incepatori – Partea IV

CSS 3

CSS (Cascading Style Sheets) te ajuta sa formatezi tag-urile unui document HTML. Poti formata un text, background sau poti aranja anumite elemente intr-o pagina web.

Beneficiile sintaxei CSS sunt:

  • formatarea se realizeaza intr-un singur loc pentru tot doc-ul
  • editarea rapida a etichetelor
  • datorita introducerii intr-un singur loc a tagurilor se obtine o micsorare a codului paginii respective, implicit o incarcare mai rapida a acesteia.

  • Pe langa formatarea unui text, poti stiliza si un background. In acest articol iti voi povesti cum poti face acest lucru.

    Background-ul poate avea mai multe proprietati:

    1. Background Color

    background-color:value;

    Asa cum am vazul in articolul Tips-uri CSS pentru incepatori – Partea II, valoarea poate fi numele culorii dorite (red, green,…) sau un cod de genul: #ff0000, #00000, etc. De preferat este sa folositi un generator de cod de culoare pentru o mai mare precizie in alegerea culorii.

    2. Background Image

    background-image:url(‘name.img’);

    Aceasta proprietate se foloseste atunci cand vrei sa folosesti o imagine ca si background.

    3. Background Repeat

    background-image:url(‘name.img);
    background-repeat:repeat-y;


    In acest caz imaginea se va repeta pe veriticala.
    Daca doresti ca o imagine sa se repete pe orizontala, atunci va trebui sa folosesti sintaxa:

    background-image:url(‘name.img);
    background-repeat:repeat-X;


    Dupa cum poti observa diferenta intre cele doua sintaxe o face doar valoarea y si respectiv x.

    Pentru ca site-ul sa „arate bine” trebuie sa avem grija si de aceasta parte de stilizare. Ne ajuta in obtinerea unui design modern.

    Tags: , , ,



Alte articole si tutoriale:
« »

Oferta limitata eBook gratuit: DUBLEZA-TI VENITUL PRIN CUNOSTINTELE DE IT

Inscrie-te la newsletter si vei primi un eBook gratuit. Vei fi si informat despre ofertele speciale, tutoriale gratis si discount-urile pentru cursurile LEC Academy.

Download ebook
×

Abonare email

Accesul la tutorialele gratuite se face pe baza inscrierii la newsletter. Inscrie-te la newsletter-ul LEC Academy si ai acces la peste 40 de lectii gratuite. Daca doresti, vei fi informat despre ofertele speciale, promotiile si discount-urile pentru cursurile LEC Academy.

Vezi lectii gratis
×