Logo Facebook8    Logo Youtube12    Logo Google     Logo twitter

Introducere CSS

Internetul a devenit extrem de popular intr-un interval de timp relativ scurt.
La inceput, internetul continea pagini axate doar pe text, design-ul acestora nefiind important. Cu trecerea timpului, designerii au dorit sa ofere o pata de culoare paginilor de internet.
Au fost introduse noi etichete in limbajul HTML precum <font>. Din cauza ca nu toate browser-ele suportau eceste etichete si in consecinta nu puteau afisa pagina respectiva, a fost creat limbajul CSS.

CSS reprezinta acronimul pentru Cascading Style Sheets.
Nu trebuie sa incurci CSS cu HTML. Cu ajutorul limbajului HTML se poate crea structura unui site si continutul acestuia. CSS aduce doar modificari din punct de vedere al designului unei pagini deja create in HTML.

Pentru a aplica CSS unei pagini este necesar sa ai cunostiinte HTML. In cazul in care nu esti familiarizat cu limbajul HTML, iti recomand sa urmezi cursul urmator gratuit: Curs HTML!

Exista trei posibilitati prin care se poate integra CSS pentru o pagina HTML:
1. Intern - in sectiunea <head> a unei pagini HTML.
Pentru a integra CSS in sectiunea <head>, se va folosi eticheta pereche <style> oriunde in interiorul lui <head>:
<head>
<style type="text/css">
<..
sintaxa CSS
..>
</style>
</head>

2. Inline - in interiorul etichetelor corespunzatoare HTML:
Se poate integra CSS direct in etichetele standard ale limbajului HTML (in anumite etichete).
<font style="color: green;">

3. Extern - intr-un fisier separat css care este apelat de catre pagina HTML.
Se va crea un fisier cu extensia".css" care va contine elemente de design. Acest fisier poate fi apelat de fiecare pagina care doriti sa fie modificata.
Pentru a putea apela fisierul CSS trebuie ca in head-ul fiecarei pagini sa introduceti urmatoarea eticheta:
<link rel="stylesheet" type="text/css" href="/locatie_fisier_css.css">

Fiecare posibilitate din cele trei este corecta, dar cea mai eficienta din punct de vedere al flexibilitatii si modificarilor ulterioare este a treia (Fisier separat CSS).

Ordinea prioritara / de suprascriere a celor trei posibilitati de integrare este urmatoarea:
In interiorul etichetelor>In HEAD>In fisier separat.
Asta inseamna ca daca vom integra CSS intr-o eticheta si alt css intr-un fisier separat, dar pentru acelasi element din pagina, se va lua in considerare CSS-ul din eticheta deoarece este prioritar.

Exista mai multe avantaje in utilizarea CSS-ului. Printre acestea se numara modificarea usoara a designului, spatiul mai mic ocupat de cod si in consecinta incarcarea mai rapida a paginii.

Este greu fara practica sa poti intelege un anumit proces.
In lectiile urmatoare, te voi invata fiecare pas necesar pentru a putea aplica CSS cu succes. La finalul lectilor, vei avea aptitudinile necesare pentru a crea un site demn de admirat.

Pentru a intelege cat mai bine CSS, iti recomand sa parcurgi fiecare lectie si sa scrii singur fiecare exemplu propus de mine.


Acest site foloseste cookie-uri.

Folosim cookie-uri pentru a vă asigura că aveti cea mai bună experiență pe acest site.

I understand
DESPRE NOI
World-IT este un site care are ca domeniu Tehnologia Informatiei(IT).
Acest site are ca prim scop introducerea persoanelor in acest domeniu. Mai multe informatii aici.

URMARESTE-NE 
Logo Facebook8  Logo Youtube12   Logo Google  Logo twitter

Sitemap | Despre noi

cialiscialis couponcialis genericcialis dosagegeneric cialiscialis costcialis vs viagracialis pricescialis side effectscialis couponscialis 30 day sampleviagra vs cialiscialis onlinecialis pillscialis samplesbuy cialiscialis 20 mgcialis patent expirationcialis coupons printablecialis for daily usecialis samples overnightcheap cialiscost of cialis200 cialis couponcialis dailycialis 20mggeneric cialis at walmartcealiscialis canadacialis trialhow does cialis workwhen will cialis go genericcialis on lineside effects of cialiscialis 30 day trial couponcialis 5mgcialis for mencialasbuy cialis onlinecialis for salecialis patent expiration date extendedhow to take cialiscialis pricecialis from canadahow much does cialis costfree cialisviagra vs cialis vs levitracialis reviewscialis coupons from manufacturerwhat is cialiscialis pills for salecialis patent expiration 2017canadian cialiscialis tadalafilcialis or viagrageneric for cialiscialis professionalcialis free trialcialis medicationciliascialis for bphcialis coupons 2017cyaliscialis dosage strengthscialis discountgeneric cialis tadalafildiscount cialiscialis dosage recommendationscialis 5 mgonline cialiscialis canadian pharmacycialis copay cardlowest cialis pricescialis for womencialis generic availabilitycialis vouchercialis savings cardcialis 10 mgcialis websitecialis generic tadalafilliquid cialisdaily cialisviagra cialiscialis otcerectile dysfunction cialiscialis 5mg dailycanada cialiscialis coupon 20 mgcialis pricingcialis coupon printviamedic cialiscialis cheapcialis pharmacy pricescialis 20mg directionsprice cialiscialis samplewholesale cialiscialis alternativecialis effectscialis testimonialslevitralevitra couponlevitra 20 mglevitra 20mgbuy levitralevitra priceslevitra genericlevitra onlinelevitra vs viagrageneric levitralevitra couponslevitra rezeptfrei deutschlandlevitra 10 mg prezzocheap levitra9 levitra at walmartlevitra erfahrungenlevitra dosageviagra vs cialis vs levitrageneric levitra vardenafil 20mgwhat works better than viagrabuy levitra onlinelevitra without a doctor prescriptionbuy generic levitralevitra 20mg cost per pillvardenafil 20mglevitra prezzo in farmacialevitra 20 mg precio farmaciavardenafil vs viagralevitra 20 mg cost walmartlevitra vs viagra for hardnesslevitra bayer 20mg meilleur prixlevitra 20 mg von bayerviagrageneric viagraviagra genericviagra couponsviagra without a doctor prescriptionviagra onlineequipe argentine viagraviagra pricesbuy viagracialis vs viagracheap viagraviagra pillsviagra samplesviagra side effectswhat is viagraviagra couponviagra naturalviagra dosageviagra for sale uknatural viagrabuy viagra onlinegeneric viagra 100mgfemale viagrahow does viagra workhow to use viagraviagra activateherbal viagraviagra tabletssophia viagraviagra sans ordonnanceviagra kaufenviagra tabletviagra vs cialisonline viagracanadian viagraviagra for womenviagra ohne rezept aus deutschlandpfizer viagraviagra 100mgviagra costfree viagraviagra alternativesviagra canadaviagra on lineviagra single packsviagra for menviagra pillviagra 100mg tablets retail priceorder viagraviagra tescoside effects of viagraviagra pillen kruidvatviagra for salediscount viagrawhat does viagra doviagra costsviagra uklevitra vs viagrawhere to buy viagraviagra substitutehow long does viagra lastviagra alternativeviagra receptfrittviagra priceviagra 100viagra en ligne livraison 24hviagra on line no precviagra 100 mgutilisation viagrabest price viagracost of viagraviagra sexviagra wikipediasex viagra for womenviagra nebenwirkungenrevatio vs viagraviagra without a doctor prescription usaviagra genericoviagra 50mgviagra from canadaover the counter viagraviagra effectsviagra medicinepfizer viagra coupons from pfizerbuy generic viagraviagra wikiviagra bestellenviagra ohne rezept auf rechnungcanada viagrawomen viagrabuying viagraviagra soft