LSz.Ro

  
Scrie un subiect nou Răspunde la subiect  Pagina 1 din 1
[ View Topic Options ] [ ‹‹ | ›› ]
Autor
 
Mesaj: Selectori CSS  
Neconectat
 Subiectul mesajului: Selectori CSS
MesajScris: 26 Ian 2017, 16:56 
V.I.P
Avatar utilizator
Membru din: 07 Oct 2016, 18:44
Mesaje: 779
Localitate: Amara, Ialomita
Vârsta: 17
Selectorii sunt necesari pentru terminarea unei linii de cod CSS.Acestea sunt declarate pentru a recunoste ce element trebuie modificat.Sunt o multime de selectori unii dintre ei fiind asa decomplicati incat un designer obsinuit nici nu ar avea nevoie de asa ceva.Vezi W3C selector daca vrei sa aflii mai multe.

Cel mai simplu mod de a incepe defeinitiile stilurilor este sa utilizezi chiar elementul HTML ca un selector.De aici rezulta ca poti manipula paragrafele prin tagurile <p>, blocurile prin <div> si intreaga pagina cu <html> si <body>.Mai jos este un mic exemplu la un paragraf:

Cod:
p { font-family: Arial, sans-serif; color: #222; font-weight: bold; }


Ceea ce ii da CSS-ului adevarata popularitate este usurinta cu care poti adauga stiluri unui anumit element cu ajutorul id-ului sau a claselor.Pur si simplu adaugi un id sau o clasa in codul HTML si apoi o accesezi in CSS.

Cod:
<p id="first">Ceva text de tip dummy...</p>
<p class="comment">Ceva text de tip dummy...</p>


Iar in fila CSS adaugi:

Cod:
/* stileaza paragraful cu id-ul first */
p#first { font-size: 14px; }
/* stileaza paragraful cu clasa comment */
p.comment { font-size: 1.0em; line-height: 1.3em; }


Totusi trebuie sa faci diferenta intre un id si o clasa.Id-urile sunt unice, deci pot fi utilizate doar o singura data, pe cand clasele pot fi utilizate de cate ori este necesar.Asa ca vom vedea adesea sectiuni dintr-un website(gen header, sidebar, footer) utilizand id-uri, iar sectiuni continute de acestea utilizand clase.

Pentru a conecta o pagina HTML cu o pagina CSS trebuie sa utilizezi tagul:

Cod:
<head>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>

Nu uita ca tagul de mai sus merge doar in partea head a website-ului.Daca ai fila css in folderul Stiluri atunci adaugi la href stiluri/style.css.



Sus
  Profil  
Răspuns cu citat  
 Subiectul mesajului: Selectori CSS
MesajScris: 26 Ian 2017, 16:56 
Avatar Robotel

Recrutam Staff si servere! Multumim!
Sus
 Profil Trimiteţi mesaj privat E-mail  
Afişează mesajele din ultimele:  Sortează după  
Scrie un subiect nou Răspunde la subiect [ ‹‹ | ›› ]


Cine este conectat

 

Utilizatorii ce navighează pe acest forum: Niciun utilizator înregistrat şi 1 vizitator


Nu puteţi scrie subiecte noi în acest forum
Nu puteţi răspunde subiectelor din acest forum
Nu puteţi modifica mesajele dumneavoastră în acest forum
Nu puteţi şterge mesajele dumneavoastră în acest forum
Nu puteţi publica fişiere ataşate în acest forum

Căutare după:
Mergi la:  
cron
Termeni de utilizare | Politica de confidenţialitate

Designs by LSz.Ro Team.

Toate drepturile sunt rezervate.


Translation/Traducere: phpBB România