Cuprins
Web-ul modern este alcătuit din mai multe aspecte, există tehnic, funcțional și estetic, fiecare dintre aceste aspecte este important în aceeași măsură ca celelalte, cu toate acestea, atunci când o persoană este mai asemănătoare cu unul dintre ele, acestea tind să neglijeze ei. restul.În acest sens, atunci când o persoană este mai legată de aspectul tehnic, neglijează în general aspectul estetic, în care aspectul funcțional este o încrucișare între ambele, deoarece nu tot ceea ce este foarte estetic va fi funcțional și faptul că folosim toate cele mai noi tehnologii nu fac nici un site web sau unul de proiect.
CSS Este modul în care putem încorpora partea estetică pe web într-un mod prietenos pentru dezvoltator și, de asemenea, servește ca un limbaj universal pentru a comunica cu experiența utilizatorului și cu proiectanții Front-End, deoarece este modalitatea de a oferi un căutați pe orice site web.
Ce este CSS?CSS este un limbaj simplu utilizat pentru a defini stiluri care pot fi aplicate în documente HTMLMenționând stilurile de cuvinte, vrem să spunem că putem controla totul, de la modul în care sunt văzute fonturile de pe un site web, până la implementarea cursorilor mouse-ului, culorilor, imaginilor, aspectului ecranului etc.
CSS este un standard și se află sub responsabilitatea W3C, deci fiecare browser care are suport pentru CSS Ar trebui să funcționeze la fel dacă respectați instrucțiunile emise de această instituție.
Ce este CSS3?CSS3 este un nivel de specificație de CSS, este a patra specificație de când are CSS, CSS2, CSS2.1 si acum CSS3Fiecare specificație începe de la cea anterioară și fiecare încorporează îmbunătățiri, stiluri noi și noi modalități de aplicare a acestora. Specificațiile acestor implementări pot fi văzute pe web www.w3.org/Style/CSS:
MARI
Care este scopul CSS?Rolul de jucat CSS pe site-urile noastre web este să pregătim structurile noastre pentru a fi prezentate, adică pentru a realiza HTML că am construit arată bine pentru a fi arătat unui utilizator. Acest lucru poate părea cam prostesc de spus, totuși aici intervin cei trei factori pe care i-am menționat la început, un HTML fără stiluri poate fi funcțional și poate folosi elemente tehnice foarte moderne, totuși de la sine nu va fi estetic; Acest lucru implică faptul că, deși site-ul nostru web este cel mai bun, fără CSS va părea oarecum incomplet.
Avantajele utilizării CSS
- Separăm prezentarea de structură, acest lucru ajutând site-ul nostru web să fie modular.
- Foi de stil CSS pot fi partajate de toate paginile unui site web, astfel încât să câștigăm consistență și să economisim muncă.
- Cu CSS putem crea stiluri pentru diferite dispozitive și medii.
- Menținerea unui site pe care l-ați implementat CSS este mult mai ușor.
Browsere moderne
În primele zile ale webului modern, vorbim despre anii 90, existau puține opțiuni pentru browserele web, chiar și unele fiind plătite, dar ceea ce ne putem aminti cel mai mult a fost cu siguranță războiul din Internet Explorer Da NetscapeAcest lucru a dat un impuls să ia în considerare aspectul funcțional, totuși, a fi în război însemna că fiecare browser avea regulile sale și acest lucru a făcut viața imposibilă dezvoltatorului web. În prezent, avem multe opțiuni de browser, iar marea majoritate sunt gratuite pentru utilizator, cele mai importante sunt:
- Google Chrome.
- Safari.
- Mozilla Firefox.
- Operă.
- Internet Explorer.
MARI
WebKitEste un motor open source și este utilizat de Crom Da SafariDeși fiecare folosește același motor, implementarea lor nu este neapărat aceeași, deci pot exista diferențe între browsere.
GeckoEste motorul dezvoltat de Mozilla, și este folosit de Firefox. Acest motor este, de asemenea, open source, deci putem găsi browsere care îl partajează.
PrestoEste motorul folosit de Operă și este proprietară, așa că o vom vedea doar ca parte a produselor companiei sale mamă.
TridentEste motorul Internet Explorer și în acest moment este disponibil numai în acest browser și în produsele Microsoft.
Aceste informații sunt foarte importante, deoarece nu numai browserele desktop utilizează aceste motoare, ci și browserele mobile, clienții precum administratorii de e-mailuri și chiar unele aplicații. Dacă cunoaștem motorul, putem privi într-un mod mai specific pentru a putea avea o abordare a aspectului tehnic care le reglementează.
Browsere vechi
Până acum am vorbit despre cele mai populare opțiuni de browser de pe piață, totuși nu am investigat detaliile versiunilor lor. De fiecare dată când există o modificare de implementare a standardului CSS fiecare browser este de obicei actualizat pentru a încorpora schimbarea sau funcționalități noi. Acest lucru face ca vechile versiuni să fie retrogradate în trecut și, prin urmare, nivelul lor de compatibilitate este mai mic.
Ceea ce se întâmplă este că nu toți utilizatorii pot actualiza din mai multe motive, lipsa permisiunilor, incompatibilitatea cu aplicații importante din sistemul lor sau chiar din motive de securitate ale companiei în care lucrează, care trebuie să testeze noile browsere cu același lucru sisteme.
Aceasta înseamnă că avem site-uri web foarte moderne care pot să nu funcționeze în browserele vechi, motiv pentru care trebuie să luăm acest aspect cu precauție în timpul construcției site-urilor noastre.
Cel mai incomod caz
O secțiune foarte necesară este să vorbești despre Internet Explorer, și să nu vorbim doar despre lucrurile rele, din moment ce credem că această mare companie americană a contribuit într-un mod spectaculos la dezvoltarea tehnologiei informației și a calculelor la nivel global și istoric.
MARI
Aici cei mai tineri s-ar putea gândi de ce au continuat să se dezvolte pentru aceste browsere, iar răspunsul este simplu, în ciuda tuturor Internet Explorer este unul dintre cele mai utilizate browsere din întreaga lume, deoarece este integrat în Windows implicit, care este și cel mai utilizat sistem de operare.
Recent, în 2015, s-a anunțat că acest browser va fi întrerupt, însă succesorul său nu a fost încă dezvăluit pe deplin și când va fi pus în funcțiune comercial vom putea vedea dacă vechile probleme vor continua sau nu.
CSS mai mult decât stiluri
Toate aceste cunoștințe sunt necesare, putem ști multe despre instrucțiuni CSS dar dacă nu cunoaștem fundalul, putem suferi, de la realizarea unei implementări cu cele mai bune practici la probleme cu clienții care nu văd aceleași lucruri pe care le vedem, totul de la utilizarea unei anumite versiuni a unui browser. În prezent, există cadre care ne ajută să depășim toate aceste adversități, cu toate acestea, atunci când avem nevoie de ceva foarte specific, în general trebuie să realizăm acea funcționalitate de la zero și de aceea trebuie să cunoaștem elementele de bază ale CSS.
La sfârșitul acestui tutorial am putut vedea asta CSS Este mult mai mult decât un limbaj simplu și este mult mai mult decât stiluri, putem spune că este o componentă cheie de bază pentru paginile noastre web și are de-a face cu multe aspecte, precum tot ceea ce am văzut despre browsere, motoare și chiar și probleme de compatibilitate.
