>> SPEAKER: Se pare că HTML nu este singura limba pe care o puteți folosi în interiorul
a unei pagini web.
Puteți folosi ceva numit CSS, sau Cascading Style Sheets, precum și.
CSS vă permite să specificați mai mult tocmai estetica unui web
pagină, inclusiv aspectul și dimensiunile și culori și fonturi și mult mai mult.
De exemplu, să creeze o pagină web aici numit CSS0 care reprezintă o
de start, initiala pentru, să zicem, John Harvard.
>> Pe această pagină, vom avea John Harvard nume, sub care va fi
un mesaj frumos pentru vizitatorii săi, sub care va fi un subsol, cu
spune, unele informații de copyright.
Pentru a face acest lucru, haideți să definim trei divizii pentru pagina folosind un tag
numit div.
Deschis div suport, John Harvard, aproape div suport, un alt div suport deschis,
iar acum vom specifica ceva cum ar fi, bun venit la pagina mea de acasă!
Și să închideți acest div, de asemenea.
>> Și acum un al treilea și ultim div, drepturi de autor.
Doar pentru a fi de lux, permiteți-mi să folosesc acum un HTML entitate, un simbol care reprezintă
un personaj care nu ar putea altfel tip de pe tastatură.
În special, am de gând să fac ampersand, lira, 169, punct și virgulă.
Se pare că este codul numeric pentru simbolul dreptului de autor.
Atunci să specificați John Harvard aici în partea de jos.
Să închidem div și salvați fișierul.
>> Acum, ceea ce este această etichetă div?
Tag-ul div pur și simplu defineste o divizie a paginii, care este în esență o
regiune dreptunghiulară.
Deci, în acest moment, am trei regiuni dreptunghiulare, una în partea de sus
pe de altă parte.
Deci, de acum, efectul este aproape la fel de dacă am avut trei paragrafe.
Dar nu vom vedea la fel de mult spațiu alb între ele.
>> Să salvăm acest fișier, schimba sale permisiuni, și să ia o privire pentru o
clipă în Chrome.
Chmod o + r CSS0.html.
Să deschidem acum Chrome și vizita http://localhost.CSS0.html.
Într-adevăr, aici este o pagina de start pentru John Harvard.
Hai acum stiliza un pic mai mult tocmai utilizarea unor CSS.
>> Înapoi la gedit, să mergem în această tag-ul div prima și a adăuga un stil
atribut precizând că aș vrea un dimensiunea fontului de, să zicem, 36 de pixeli, sau px.
Și aș vrea greutatea de acest font să fie îndrăzneț, mai degrabă decât implicit,
ceea ce este normal.
Pentru al doilea div, să specificați un alt atribut de stil, care are o
dimensiunea de 24 pixeli, așa un pic mai mic.
Cotații apropiate după virgulă.
>> În cele din urmă, în acest al treilea div, să facem Stilul este egal cu dimensiunea citat, font, și
să spunem de 12 de pixeli de data asta.
Aproape citat după virgulă.
Observați că atunci am par a avea specificat un pic de stilizare pentru
fiecare dintre aceste trei divs folosind, se pare, CSS.
De fapt, sintaxa pe care le vedeți în între aceste ghilimele duble este CSS,
CSS special proprietăți cu valori.
Și pentru că în primul rând tag-ul, unde am avut două astfel de proprietăți, dimensiunea fontului și
greutate font, eu pur și simplu separat le cu punct și virgulă.
>> Acum, doar de dragul de stil, I punct și virgulă, de asemenea, incluse la
sfârșitul fiecărui rând.
Dar ei nu sunt strict necesare, mai ales atunci când aveți un singur
proprietate definit.
Să salvăm acum fișierul și reîncărcați în Chrome, și să vedem ce
efectul net este.
Înapoi în Chrome aici, să faceți clic pe Reload.
>> Acum avem un pic mai interesant de start, initiala pentru John
Harvard, prin care prima linie cu numele lui, care este în interiorul de care
în primul rând div, este de 36 pixeli înălțime și, de asemenea, aldine, prin care a doua linie,
care este în acest al doilea div, este de 24 pixeli înalt, dar nu aldine.
Și în care linia a treia în a treia div este de 12 pixeli înălțime și, de asemenea,
nu ingrosate.
Dar să presupunem că acum aș vrea să schimbe toate acest text peste
astfel încât este centrat.
>> Aș putea alinia fiecare a individului divs ca fiind centrate.
Dar mai ușor, aș putea încheia cele trei divs în interiorul celei de a patra div, un
div părinte, ca să spunem așa, și specificați că div și toate sale
descendenții trebuie să fie textul aliniat centru?
Să aruncăm o privire.
>> In interiorul gedit, să mergem înapoi la mea corp și se adaugă un nou div până sus cu
div, stil este egal cu, citez, centru de aliniere a textului, aproape
cita după virgulă.
Și acum, hai să mergem mai departe și liniuță toate de acele linii pe care le tastat înainte.
Și de mai jos că a treia div, să închide acest nou div.
>> Cu alte cuvinte, pentru că cele trei divs originale sunt acum copii, astfel încât să
vorbesc, de un nou div părinte și am a specificat că aș vrea să alinieze
textul care div părinte în centrul a paginii, că proprietatea va fi
moștenit de toate aceste copii.
Într-adevăr, să salvați fișierul și aruncăm o privire într-un browser.
Hai să reîncărcați în Chrome.
Și acolo l-am, o mai frumos au de start, initiala pentru John Harvard.