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.