Ce este CSS - Ce sunt foi de stil în cascadă SISTRIX
În proiectarea web, CSS oferă opțiunea de a salva anumite componente stilistice care sunt utilizate în documentele HTML central într-un fișier și de a le utiliza pentru toate documentele HTML.
Ce este CSS?
CSS înseamnă Foi de stil în cascadă și este o posibilitate pentru documentele HTML de a decupla conținutul unei pagini de instrucțiunile de proiectare ale elementelor individuale, precum titluri, citate etc.
Puteți crea un fișier CSS pentru un domeniu și îl puteți integra ca resursă externă în toate subpagini. Acest lucru poate economisi mult timp când există specificații fixe pentru elementele mele de proiectare care nu se schimbă între documente.
Partea în cascadă devine clară atunci când avem de-a face cu diferite clase. De exemplu, puteți specifica în fișierul CSS că toate titlurile H2 (elementul părinte) sunt afișate în dimensiunea fontului 46 și apoi introduceți o subclasă a titlurilor H2 (elementul copil) care conține textul gras imprimă dacă este definită o anumită clasă (de ex. „bold”).
În document, nu trebuie să repet instrucțiunea privind dimensiunea fontului pentru subclasă, deoarece aceasta este moștenită de la instrucțiunea de nivel superior (se revarsă).
Cu această instrucțiune primește toată lumea
-Elementește dimensiunea fontului 42 și numai titlurile cu
sunt, de asemenea, tipărite cu caractere aldine.
De ce există foi de stil în cascadă?
Capacitatea de a decupla designul de conținutul unui document aduce avantaje vizibile de viteză. Documentele HTML individuale sunt mai scurte, deoarece instrucțiunile de proiectare sunt externalizate.
În plus, operatorul site-ului web nu trebuie să se asigure că toate instrucțiunile de proiectare necesare sunt disponibile pentru fiecare document. Acest lucru poate reduce efortul administrativ imens, în special cu un număr mare de documente.
De asemenea, pot spune browserelor cât timp poate fi utilizat fișierul CSS (și cât poate fi stocat în cache). Aceasta înseamnă că browserul nu trebuie să descarce fișierul de fiecare dată, ceea ce beneficiază de timpul de încărcare.
Cum pot transmite informații CSS unui document?
Există diferite moduri de a încorpora CSS într-un document HTML. Cele mai frecvente două sunt conectarea la un fișier CSS extern și încorporarea directă într-un document HTML.
Fișier CSS extern
De obicei, este cel mai ușor să rezumați toate informațiile despre stil într-un fișier CSS și să le faceți referire în partea documentului HTML:
Aceasta spune browserului că fișierul „my-stylesheet.css” trebuie încărcat pentru a afișa corect conținutul documentului HTML.
CSS în linie
De asemenea, puteți alege să adăugați o parte din foaia mea de stil direct, în secțiunea documentului HTML.
Folosești unul pentru asta
Browserul ar ști acum că toate elementele cu o clasă = "img-responsive" ar trebui să folosească instrucțiunile de stil de mai sus.
Utilizarea CSS pentru optimizarea motorului de căutare
Capacitatea de a defini o singură dată informațiile despre stil și de a le implementa în toate subpagini are, de asemenea, avantaje pentru optimizarea motorului de căutare.
Instrucțiunile dintr-un fișier CSS pot fi utilizate pentru a determina exact modul în care este afișat un document pe un desktop și/sau un browser mobil. Deci, puteți face una Proiectare receptivă și toate subpaginile pot beneficia de aceasta, astfel încât să nu fie necesare două versiuni pentru desktop și mobil.
În plus, CSS a fost folosit de-a lungul anilor pentru a crește viteza de încărcare a multor site-uri web. Acest lucru a devenit necesar atunci când un număr mare de fișiere erau necesare pentru a afișa corect site-ul web.
O abundență de solicitări în standardul HTTP mai vechi, HTTP/1.1, a însemnat că timpul de încărcare a fost prelungit numai pentru motivul că browserului i s-a permis doar să creeze un număr maxim de conexiuni.
Cu noul standard HTTP/2, această restricție nu mai este aplicabilă.
CSS și HTTP/1.1
Cu HTTP/1.1, majoritatea browserelor, mai simplu spus, permit doar 6 conexiuni simultane pe gazdă. În plus, conexiunile sunt încheiate după ce resursa a fost transferată. Acest lucru poate duce la creșterea timpilor de încărcare datorită latenței singure (ceea ce se observă în special la conexiunile mobile).
De asemenea, puteți încărca elemente grafice care sunt utilizate pe site ca un sprite de imagine mare și apoi afișați numai acele părți ale imaginii care conțin imaginea necesară prin CSS.
CSS și HTTP/2
Cu noul standard HTTP 2.0, limita numărului maxim de conexiuni este relaxată, iar conexiunile pot fi utilizate și pentru mai multe resurse. Ca urmare, latența stabilirii conexiunii joacă un rol mult mai mic în viteza paginii.
Concluzie asupra foilor de stil în cascadă
CSS este o parte integrantă a designului web și are un sens perfect ca SEO pentru a face față posibilităților pe care le oferă foile de stil în cascadă.
Mai ales când vine vorba de optimizarea PageSpeed, timpul pentru prima vopsire mulțumită poate fi totuși scurtat prin utilizarea CSS în linie.