Dezvoltarea web se bazează în mare măsură pe trei limbaje principale, și anume HTML, CSS și Javascript. HTML descrie structura site-urilor web, adică ce elemente sunt pe pagina web.
Cascading Style Sheets (CSS), pe de altă parte, descrie modul în care elementele HTML sunt prezentate vizual, în timp ce Javascript este folosit pentru a adăuga interactivitate și comportament dinamic paginilor web.
CSS este deosebit de important atunci când vine vorba de crearea de interfețe de utilizator plăcute din punct de vedere estetic, cu o experiență excelentă pentru utilizator. CSS este responsabil pentru prezentarea și stilul conținutului web și este folosit pentru a controla aspectul, aspectul și stilul paginilor web.
De exemplu, folosind CSS, puteți modifica modul în care conținutul este afișat pe pagina dvs. web și puteți modifica lucruri precum fonturi, culori, margini, margini, spațiere și fundal, printre altele.
În plus, CSS este crucial în crearea de site-uri web receptive care se adaptează la diferite dimensiuni de ecran și dispozitive. De asemenea, permite stiluri consecvente și uniforme în diferite pagini de pe un site web și ajută la realizarea site-urilor web accesibile pentru utilizatorii cu dizabilități.
În cazul în care doriți să vă aliniați site-ul la marca și să utilizați bine culorile mărcii în site-ul dvs., CSS este ceea ce vă va permite să faceți acest lucru.
Fără CSS, site-urile web ar arăta probabil foarte asemănătoare, cu modele foarte blande, fără stiluri, culori, efecte de hover sau fundaluri. De asemenea, site-urile web nu ar fi receptive și ar avea foarte puține personalizări pentru a alinia un site web la o marcă.
Prin urmare, CSS este un instrument foarte important pentru dezvoltatorii web. Pentru a utiliza CSS pe site-ul dvs., trebuie să îl conectați cu HTML-ul paginii. Amintiți-vă, HTML descrie elementele și conținutul unui site web.
Prin urmare, trebuie să vă conectați HTML cu CSS pentru a utiliza CSS pentru a stila elementele și conținutul site-ului dvs. Acest articol vă va învăța cum să faceți acest lucru. Cu toate acestea, înainte de a ne uita la cum să legați CSS la HTML, să vedem diferitele moduri în care puteți scrie CSS și îl puteți folosi pentru a vă stila elementele HTML.
Cuprins
Diferite moduri de a include CSS în HTML
Există trei moduri principale de a include CSS în fișierele HTML. Aceasta include:
#1. Stiluri inline
Aceasta implică scrierea stilurilor dvs. CSS direct pe fiecare element HTML, după cum se arată mai jos:
<body style="background-color: yellow;">
<h1 style="color: orangered; font-size: 40px;">tipstrick.ro</h1>
<p style="color: blue; font-size: 16px;">tipstrick.ro is an online publication that produces high-quality articles on
Technology, Business, and Fintech to help
businesses and people grow.</p>
</body>
Oricât de mult această metodă vă permite să adăugați cu ușurință CSS la paginile dvs. HTML, nu este o modalitate bună de a adăuga CSS la HTML. Acest lucru se datorează faptului că consumă foarte mult timp, face codul greu de citit și de întreținut, în special pentru stilul la scară largă și poate afecta timpul de încărcare a paginilor web.
#2. CSS intern
Aceasta implică scrierea stilurilor pentru o pagină web în interiorul unui element