>> Oratè: Li sanble ke HTML se pa lang nan sèlman ou ka sèvi ak andedan
nan yon paj entènèt.
Ou ka itilize yon bagay yo rele CSS, oswa Dra Style kaskad, tankou byen.
CSS pèmèt ou presize pi plis jisteman estetik yo nan yon rezo
paj, ki gen ladan Layout ak tout gwosè ak koulè ak polis ak plis ankò.
Pou egzanp, kite a kreye yon paj entènèt isit la yo rele CSS0 ki reprezante yon
paj lakay pou, di, Jan Harvard.
>> Nan paj sa a, nou pral gen Jan Harvard la non, anba ki pral
yon mesaj bèl pou vizitè l 'yo, anba ki pral gen yon footer, ak
di, kèk enfòmasyon copyright.
Pou fè sa, se pou yo defini twa divizyon pou paj la lè l sèvi avèk yon etikèt
rele DIV.
Louvri div bracket, Jan Harvard, fèmen bracket div, yon lòt div bracket louvri,
e kounye a, nou pral presize yon bagay tankou, akeyi nan paj lakay mwen!
Li kite yo fèmen div sa a, kòm byen.
>> Epi, koulye a yon twazyèm ak dènye div, copyright.
Jis yo dwe anpenpan, kite m 'sèvi ak kounye a yon HTML antite, yon senbòl ki reprezante
yon karaktè ke ou pa t 'kapab otreman tape sou klavye ou.
An patikilye, mwen pral fè komersyal, pyès lò, 169, pwenvigil.
Sanble ke se nimerik kòd la pou senbòl la Copyright.
Lè sa a, se pou yo presize Jan Harvard isit la nan pati anba nan.
Se pou nou fèmen div an, epi sove dosye a.
>> Koulye a, ki sa ki tag div sa a?
Tag nan div tou senpleman defini yon divizyon nan paj la, ki se esansyèlman se yon
rektangilè rejyon an.
Se konsa, nan moman sa a nan tan, mwen gen twa rejyon rektangilè, yonn sou tèt
nan lòt la.
Se konsa, pou kounye a, efè a se prèske kòm si m 'te gen twa paragraf yo.
Men, nou pa pral wè byen kòm anpil espas blan nan mitan yo.
>> Se pou yo sove sa a ranpli, chanje li yo autorisations, ak pran yon gade pou yon
moman sa nan Chrome.
Chmod yon + r CSS0.html.
Se pou nou kounye a louvri moute Chrome ak vizit http://localhost.CSS0.html.
Vreman vre, isit la se yon paj lakay pou Jan Harvard.
Se pou nou kounye a stilize l 'yon ti kras pi plis jisteman lè l sèvi avèk kèk CSS.
>> Retounen nan jdi, se pou yo ale nan sa a premye tag div epi ajoute yon style
atribi ki espesifye ke mwen ta renmen yon font size nan, di, 36 piksèl, oswa PX.
Apre sa, mwen ta renmen pwa a nan font sa a yo dwe fonse olye ke default la,
ki se nòmal.
Pou dezyèm div a, se pou yo presize yon lòt atribi style ki gen yon
font size nan 24 piksèl, se konsa yon ti kras pi piti.
Quotes Fèmen apre pwenvigil la.
>> Anfen, nan twazyèm div sa a, se pou yo fè style egal quote, font size, ak
kite a di 12 piksèl tan sa a.
Fèmen quote apre pwenvigil la.
Avi Lè sa a, pou m 'sanble gen espesifye yon ti jan nan stilizasyon pou
chak nan twa div sa yo lè l sèvi avèk, li vire soti, CSS.
An reyalite, sentaks la ke ou wè nan ant moun ki quotes doub se CSS,
espesyalman CSS pwopriyete ak valè.
Se pou ke premye tag, kote mwen te gen de pwopriyete sa yo, font size ak
font pwa, Mwen tou senpleman separe yo ak yon pwenvigil.
>> Koulye a, jis pou dedomajman pou style a, mwen tou te gen ladann virgules nan
nan fen chak liy.
Men, yo pa ap estrikteman ki nesesè yo, patikilyèman lè ou gen sèlman yon sèl
pwopriyete defini.
Se pou nou kounye a sove dosye a ak Reload nan Chrome, ak wè sa ki
efè a nèt se.
Retounen nan Chrome isit la, kite a klike sou Reload.
>> Koulye a, nou gen yon yon ti kras plis enteresan paj lakay pou Jan
Harvard, annakò ak sa liy lan premye ak non l ', ki se andedan nan ki
premye div, se 36 piksèl wotè ak tou Tipografi, annakò ak sa liy, dezyèm lan,
ki se nan ki dezyèm div, se 24 piksèl wotè, men se pa Tipografi.
Apre sa, kijan liy lan twazyèm nan ki twazyèm div se 12 piksèl wotè ak tou
pa Tipografi.
Men, si koulye a, mwen ta renmen chanjman tout tèks sa a sou
sa yo ki li a santre.
>> Mwen te kapab fè aliman chak nan moun nan div kòm yo te santre.
Men, pi fasil, te kapab mwen vlope sa yo twa div andedan yon katriyèm div, yon
div paran yo, se konsa pale, ak presize ki ki div ak tout li yo
pitit pitit yo ta dwe tèks ki aliyen sant?
Ann pran yon gade.
>> Anndan nan jdi, se pou yo tounen nan mwen kò epi ajoute yon nouvo div moute tèt ansanm ak
div, style egal quote unquote sant aliman tèks, fèmen
site apre pwenvigil la.
Epi, koulye a, se pou yo ale pi devan epi indent tout nan tout sa yo liy ke nou tape anvan.
Apre sa, anba a ki twazyèm div, se pou yo fèmen nouvo div sa a.
>> Nan lòt mo, paske moun twa div orijinal yo kounye a se timoun, se konsa yo
pale, nan yon nouvo div paran yo ak mwen te espesifye ke mwen ta renmen fè aliman nan
tèks la ki div paran nan sant la nan paj la, ki pwopriyete yo pral
eritye pa tout pitit sa yo.
Vreman vre, se pou yo sove dosye a ak pran yon gade nan yon navigatè.
Se pou yo Reload nan Chrome.
Apre sa, nou genyen li, yon menm joli paj lakay pou Jan Harvard.