>> SPEAKER: Jirriżulta li HTML mhix l-unika lingwa li inti tista 'tuża ġewwa
ta 'paġna web.
Tista 'tuża xi ħaġa imsejħa CSS, jew Cascading Style Sheets, kif ukoll.
CSS jippermettilek li tispeċifika aktar preċiż l-estetika ta 'web
paġna, inkluż it-tqassim u qisien u kuluri u fonts u ħafna aktar.
Per eżempju, ejja toħloq paġna web hawnhekk imsejħa CSS0 li jirrappreżenta
home page għal, ngħidu aħna, John Harvard.
>> Fuq din il-paġna, aħna ser ikollhom John Harvard isem, li taħtu se jkunu
messaġġ sbieħ għall-viżitaturi tiegħu, taħt li se tkun footer, ma
jgħidu, xi informazzjoni awtur.
Biex tagħmel dan, ejja jiddefinixxu tliet diviżjonijiet għall-paġna tuża tag
imsejħa div.
Open div bracket, John Harvard, qrib div parentesi, div ieħor parentesi miftuħa,
u issa aħna ser jispeċifikaw xi ħaġa simili, merħba lill home page tiegħi!
U ejja jagħlqu dan div, kif ukoll.
>> U issa t-tielet u finali div, awtur.
Just ikunu fancy, let me użu issa HTML entità, simbolu li jirrappreżenta
karattru li inti ma setgħux b'mod ieħor tip fuq it-tastiera tiegħek.
B'mod partikolari, jien ser tagħmel ampersand, lira, 169, virgola.
Jirriżulta li hija l-kodiċi numerika għas-simbolu copyright.
Imbagħad ejja jispeċifikaw John Harvard hawn fil-qiegħ.
Ejja tagħlaq il-div u tiffranka l-fajl.
>> Issa, dak li huwa dan tag div?
Il-lametta div sempliċiment tiddefinixxi diviżjoni tal-paġna, li huwa essenzjalment
reġjun rettangolari.
Allura f'dan il-mument fil-ħin, I jkollhom tliet reġjuni rettangolari, waħda fuq
l-oħra.
Allura għall issa, l-effett huwa kważi għalkemm I kellhom tliet paragrafi.
Iżda aħna mhux se tara pjuttost kemm ispazju abjad bejniethom.
>> Ejja tiffranka dan il-fajl, il-bidla tagħha permessi, u tagħti ħarsa għal
mument fil Chrome.
Chmod a + r CSS0.html.
Ejja issa jiftħu Chrome u żjara http://localhost.CSS0.html.
Tabilħaqq, Heres home page għal John Harvard.
Ejja issa stylize hija ftit aktar preċiżament jużaw xi CSS.
>> Lura fl gedit, ejja jmorru fis dan ewwel tag div u żid stil
attribut tispeċifika li Nixtieq Tipa ', ngħidu aħna, 36 pixels, jew px.
U nixtieq l-piż ta 'dan font jkunu kuraġġużi aktar milli l-inadempjenza,
li huwa normali.
Għat-tieni div, ejja jispeċifikaw attribut stil ieħor li għandu
daqs tat-tipa ta '24 pixels, hekk ftit iżgħar.
Kwotazzjonijiet qrib wara l-virgola.
>> Fl-aħħar, din it-tielet div, ejja nagħmlu stil ugwali daqs kwotazzjoni, font, u
ejja ngħidu 12 pixels dan iż-żmien.
Quote Agħlaq wara l-virgola.
Avviż allura li I jidhru li jkollhom speċifikat daqsxejn ta 'stylization għal
kull wieħed minn dawn it-tliet divs jużaw, jirriżulta, CSS.
Fil-fatt, l-sintassi li tara fil bejn dawk kwotazzjonijiet doppja hija CSS,
speċifikament css proprjetajiet mal-valuri.
U għal dak l-ewwel lametta, fejn kelli żewġ proprjetajiet bħal dawn, id-daqs tat-tipa u
piż font, I sempliċiment separati lilhom bil-virgola.
>> Issa, biss għall-finijiet stil, jiena semicolons inklużi wkoll fil-
it-tmiem ta 'kull linja.
Iżda dawn mhux qed strettament meħtieġ, partikolarment meta inti biss għandek wieħed
proprjetà definit.
Ejja issa tiffranka l-fajl u rikarigu fil Chrome, u ara dak
l-effett nett huwa.
Lura fil Chrome hawn, ejja ikklikkja Reload.
>> Issa għandna ftit aktar interessanti home page għal John
Harvard, fejn l-ewwel linja ma ' ismu, li hu ġewwa ta 'dak
ewwel div, huwa ta '36 pixels tall u wkoll boldface, fejn it-tieni linja,
li huwa f'dan it-tieni div, huwa 24 pixels tall, iżda mhux boldface.
U li bih it-tielet linja f'dak tielet div huwa 12 pixels tall u wkoll
mhux boldface.
Imma jissoponi issa nixtieq li ċċaqlaq kollha ta 'dan it-test fuq
tali li huwa ċċentrata.
>> I jistgħu jallinjaw kull individwu DIVs bħala ċċentrata.
Iżda aktar faċilment, jista I wrap dawk tliet divs ġewwa tar-raba 'div, a
div parent, biex ngħidu hekk, u tispeċifika li din div u kollha ta 'tagħha
dixxendenti għandhom ikunu test allinjat center?
Ejja tagħti ħarsa.
>> Ġewwa tal gedit, ejja mur lura għall tiegħi ġisem u żid div up top ġdid ma
div, stil ugwali quote unquote ċentru jallinjaw it-test, qrib
nikkwota wara l-virgola.
U issa, ejja imorru quddiem u indent kollha ta 'dawk il-linji li aħna ittajpjat qabel.
U taħt dak tielet div, ejja jagħlqu dan div ġdid.
>> Fi kliem ieħor, għaliex dawk it-tliet divs oriġinali issa huma tfal, hekk li
jitkellmu, ta 'div ġenitur ġdid u stajt speċifikat li nixtieq li tallinja l-
test ta 'dik div parent fil-ċentru tal-paġna, li l-proprjetà tkun
jintiret minn kollha ta 'dawk it-tfal.
Tabilħaqq, ejja jiffrankaw l-fajl u tagħti ħarsa fil-browser.
Ejja rikarigu fil Chrome.
U hemm aħna għandna hija, anke nicer home page għal John Harvard.