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.