Tips-uri CSS pentru incepatori – Partea V

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 Attachment

    background-attachment:value;

    In acest caz value de cele mai multe ori este fixed. Acesta te ajuta sa fixezi imaginea folosita ca background.

    2. Background Position

    background-position:value;

    Aceasta sintaxa CSS te va ajuta sa pozitionezi cat mai exact background dorit. Value poate fi center, left, right.

    3. Background – Shorthand

    background:color value(‘name.img’) no-repeat value;

    Este o sintaxa mai complexa folosita in cazul in care iti doresti sa scrii un cod CSS mai scurt. Atributul color value este pentru background-color, (‘name.img’) este pentru background-image, no-repeat pentru background-repeat, iar value pentru background-position.

    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
×