>> HIZLARIA: Bihurtzen da HTML ez da barruan erabili ahal izango duzu hizkuntza bakarra
Web orri baten.
CSS izeneko zerbait erabili ahal izango duzu, edo Cascading Style Sheets, baita.
CSS ahalbidetzen askoz gehiago zehaztu behar duzu hain zuzen ere, web bat estetika
orria, diseinua eta tamaina barne eta kolore eta letra-tipo eta askoz gehiago.
Esate baterako, dezagun sortu web orri batean CSS0 hemen deitzen duten bat adierazten
etxean, adibidez, John Harvard orrialdetan.
>> Orri honetan, ikusiko dugu John Harvard-en izendatzeko, eta horren azpian izango da
bere bisitari mezua polit bat, azpian horrek Oina bat izango da, honekin
diotenez, copyright informazioa batzuk.
Horretarako, dezagun definitzeko hiru zatiketa orriaren etiketa bat erabiliz
div deritzo.
Irekita parentesi div, John Harvard, itxi parentesi div, beste parentesi div irekia,
eta orain zerbait zehaztu dugu bezala, nire etxeko orria ongi etorria!
Eta dezagun itxi div honetan, baita.
>> Eta orain, hirugarren eta azken div, copyright.
Just fancy, gaur egun erabiltzen me HTML adierazi entitate, hori adierazten du ikur bat
pertsonaia bat ezin duzu bestela duten zure teklatuan idatzi.
Hain zuzen ere, nik egingo dut ampersand, kiloko, 169, puntu eta koma.
Bihurtzen duten zenbakizko kodea da copyright ikurra da.
Gero dezagun zehaztu John Harvard hemen behealdean.
Dezagun itxi div eta gorde fitxategia.
>> Orain, zer div tag hau?
Div etiketa besterik zatiketa bat definitzen orrialdean, hau da, funtsean of a
eskualde laukizuzena.
Beraz, une honetan, hiru daukat eskualdeen angeluzuzena, bat gainean
beste du.
Beraz, oraingoz, eragina ia da Hiru paragrafo izan nuen arren.
Baina ez dugu ikusi nahiko askoz haien arteko espazio zuria.
>> Dezagun gorde fitxategia, aldatu bere baimenak, eta bat begirada bat hartu
Chrome unea.
Chmod + r CSS0.html.
Dezagun orain ireki Chrome eta bisita http://localhost.CSS0.html.
Izan ere, hemen etxeko orri bat da John Harvard da.
Utzi estilizatzeko Orain bat, apur bat gehiago hain zuzen CSS batzuk erabiliz.
>> Itzuli gedit, goazen honetan sartu lehen div tag eta estilo bat gehitu
aitortu duten gustatuko litzaidake I zehaztuz bat Iturri-, esateko tamaina, 36 pixel, edo px.
Eta letra honetan pisua nahiko nuke baizik lehenetsia baino ausarta izan nahi du,
hau da, normal.
Bigarren div, dezagun zehaztu beste estilo atributu ditu bat
font 24 pixel tamaina, beraz, pixka bat txikiagoa.
Itxi komatxo puntu eta koma ondoren.
>> Azkenik, hirugarren div honetan, egin dezagun estilo aurrekontua, letraren tamaina berdin, eta
demagun 12 pixel une honetan.
Itxi aurrekontua eta koma ondoren.
Nabarituko ondoren behar badirudi I stylization pixka bat zehaztu
Hiru eta DIV horietan lortutako bakoitzean, bihurtzen da, CSS.
Izan ere, sintaxia dela ikusten duzuna komatxo dutenen artean CSS da,
zehazki CSS propietate balioekin.
Eta lehen etiketa horiek, non izan nuen eman bi propietate, hala nola, letra tamaina eta
letraren, bereizita, besterik gabe, I koma erabiliz beraientzat.
>> Orain, besterik estilo en mesedetan, I at ere barne puntu
lerro bakoitzaren amaieran.
Baina ez erabat beharrezkoa dute, batez ere, bakarra duzu
jabetza definitzen.
Utzi gorde fitxategia en orain eta freskatuz Chrome, eta ikusi zer
du eragina garbia da.
Chrome atzera hemen, dezagun egin klik Birkargatu.
>> Orain apur bat interesgarriagoa dugu etxeko John orria
Harvard, zeinaren duela lehen lerroan bere izena, zein horren barruan dago
lehen div, da 36 pixel altuera du eta, halaber, Letra lodia, Horren bidez, bigarren lerroan,
eta horrek bigarren div horretan dago, 24 da pixel altu, baina ez lodia.
Eta zeinaren hirugarren horretan hirugarren lerroa div da 12 pixel altuera du eta, halaber,
ez lodia.
Baina demagun orain filmea nahi nuke gorako testu hau guztia
esaterako dela zentratua.
>> Banakako bakoitzean lerrokatu nezakeen ari zentratua gisa eta DIV.
Baina errazago, ezin dutenen itzulbiratu dut Laugarren div baten barruan hiru eta DIV, bat
guraso div, nolabait esateko, eta zehaztu duten div duten eta guztia bere
ondorengoak izan beharko luke Testu lerrokatzea zentroan?
Ikus dezagun begirada bat.
>> Gedit barruan, goazen atzera, nire gorputza eta div gora goiko berri bat gehitu
div, estilo berdin aurrekontua unquote Testu lerrokatu zentroa, itxi
puntu eta koma ondoren aipatu.
Eta orain, goazen aurrera eta koska guztiak hori baino lehen idatzi ditugun lerro horiek.
Eta hirugarren div horretatik behera, dezagun div berri hau ixteko.
>> Bestela esanda, delako hiru horiek original eta DIV haurrak dira orain, hain
hitz egiten, guraso div berri baten eta dut zehazten duten lerrokatu nahi nuke izan
erdian div duten guraso testua orrialdearen, jabetza izango da
haur horiek guztiak heredatu.
Izan ere, utzi gorde fitxategia eta arakatzaile batean begirada bat hartu.
Dezagun freskatuz Chrome.
Eta han, are ikusgarriago bat dugu etxeko John Harvard orrialdea.