Website XXL

Tutoriale CSS – Clase css

Tutoriale CSS – Clase css
Clasele CSS permit stilizarea anumitor taguri sau elemente din codul html diferentiat.
Definirea unei clase css incepe cu semnul “.” (punct).

Exemplu:
Intr-un fisier html avem propozitia ” Pe acest site invatam css si html ”
Pentru a stiliza propozitia ii vom da o clasa <span class = “propozitie”> Pe acest blog invatam css si html </span>
Cuvantul scris cu rosu este numele clasei care urmeaza sa o stilizam.

Intr-un fisier css “style.css” extern scriem urmatoarele

Citeste CSS pentru incepatori – Introducere in CSS daca nu stii ce inseamna un fisier css extern, intern sau in linie.

.propozitie color: red; font-size: normal – Vom avea text scris cu rosu si o marime de font normala.

Daca dorim ca un anumit cuvant din aceasta propozitie sa fie scris cu alta culoare practic repetam aceasi operatie, dar de data asta doar asupra cuvantului “invatam”.

Avem propozitia <span class = “propozitie”> Pe acest blog invatam css si html </span>.
Pentru a stiliza un anumit cuvant din aceasta propozitie aplicam
<span class = “propozitie”> Pe acest blog <span class =”invatamverde”>invatam</span> css si html </span>

Dupa ce i-am dat o clasa css cuvantului invatam mergem in fisierul style.css si pe o linie noua scriem

.invatamverde color: green; font-size:normal

Pe final intreaga propozitie va arata asa
Pe acest blog invatam css si html.

Leave a Reply