Si am ajuns si la finalul acestui curs. Haideti sa trecem scurt prin lucrurile pe care le-am discutat.

Ce este CSS

Am vorbit initial despre ce este CSS si despre faptul ca este un limbaj complet separat de HTML, folosit pentru stilizarea unei pagini web.

Tocmai pentru ca este un limbaj separat il putem folosi fara a tine cont de structura sau continutul unei pagini.

Pentru a importa CSS in HTML avem trei metode:

  • intr-un fisier separat: putem crea un fisier, de exemplu style.css, unde vom scrie doar reguli CSS si pe care il putem importa in pagina folosind tagul <link />:
    <link rel="stylesheet" type="text/css" href="style.css" />
  • direct in pagina: putem scrie reguli CSS in interiorul tagului <style></style>:
    <style>
        .un-element {
            color: tomato;
        }
    </style>
  • direct pe element: folosind atributul style="":
    <p style="color:gray;">un paragraf gri</p>

Cum se scrie

Codul CSS este format din doua parti:

  • selectorul: folosit pentru a ne adresa unui element; cele mai de baza selectoare folosesc numele unui tag div, atributul class .o-clasa sau cel id #un-id
  • regula CSS: formata din numele proprietatii pe care vrem sa o schimbam si noua valoare
    color: purple;

Am discutat apoi despre cele mai intalnite reguli din CSS. De exemplu:

body {
    display: block;
    box-sizing: border-box;
    
    width: 30%;
    
    margin: 10px;
    border: 1px solid #ccc;
    padding: 20px 10px 20px 10px;
    
    color: purple;
    font-family: Helvetica, Arial, sans-serif;
    line-height: 1.2;
}

Organizarea

In final am discutat pe scurt cum sa ne organizam codul si cum sa rezolvam conflicte intre regulile CSS.

Aceste lucruri sunt importante pentru ca majoritatea proiectelor se fac in echipa. Este destul de probabil sa existe diferente intre modurile de scriere a selectorilor CSS in cadrul echipei, asa ca o metoda de a rezolva astfel de probleme fara a creea altele este bine de stiut.

Alegerea unui stil de a scrie selectori CSS si respectarea lui, este unul dintre cele mai importante lucruri a lucrului intr-o echipa de web design.

Mai departe?

Desi CSS este un limbaj complet si foarte dezvoltat acesta are cateva minusuri.

In general este recomandat folosirea unui preprocesor precum SASS si LESS pentru a adauga anumite imbunatatiri limbajului.

Asa ca in continuare este o idee buna sa continuam sa invatam despre unul din ele. Vom alege LESS pentru ca este mai usor de inceput cu el si la fel de puternic ca SASS.

In curand edumo va lansa un curs despre ce este si cum se foloseste LESS. Keep in touch.