Le pli vit ke ou kòmanse bati paj ak HTML, ou pral kòmanse travay ak dimensionnement. Pou fè sit ou gade nan fason ou vle li gade, gen anpil chans matche yon konsepsyon ou oswa yon lòt designer kreye, ou pral vle chanje gwosè a nan tèks la sou sit sa a, osi byen ke lòt eleman nan paj la. Pou fè sa ou ka kòmanse gade pou yon tag "gwosè" HTML, men ou pral byen vit jwenn li ki manke.
HTML gwosè tag la pa egziste nan HTML. Olye de sa, yo nan lòd yo mete gwosè a nan polis ou a, imaj oswa Layout ou ta dwe itilize Cascading Style Dra. An reyalite, nenpòt chanjman vizyèl ou bezwen fè nan tèks yon sit la oswa yon lòt eleman ta dwe okipe pa CSS! HTML se pou estrikti sèlman.
Tag ki pi pre nan yon tag gwosè HTML se tag la font fin vye granmoun, ki te fè tout bon gen ladan yon atribi gwosè. Ou dwe avèti ke te tag sa a te deprecated nan vèsyon aktyèl la nan HTML epi yo pa ka sipòte pa navigatè nan tan kap vini an! Ou pa vle sèvi ak tag nan font nan HTML ou! Olye de sa, ou ta dwe aprann CSS gwosè eleman HTML ou ak style Paj Web ou kòmsadwa.
Font Font
Polis yo joui bagay ki pi fasil yo gwosè ak CSS. Moreso pase jis dimensionnement ki tèks, ak CSS ou ka gen plis espesifik sou tipografi sit entènèt ou an. Ou ka defini gwosè a font, koulè a, bwat la, pwa a, dirijan a, ak plis ankò. Ak tag nan font, ou ka sèlman defini gwosè a, ak Lè sa a, sèlman kòm yon nimewo relatif nan default default font navigatè a ki diferan pou chak kliyan.
Yo mete paragraf ou a gen yon gwosè font nan 12pt, sèvi ak style la style style font-gwosè:
h3 {font-size = 24px; }}Sa a style ta mete gwosè a font nan eleman headiing3 24 piksèl. Ou ta ka ajoute sa a nan yon fèy style ekstèn ak tout H3s sit ou a ta itilize sa a style.
Si ou vle ajoute plis estil tipografik nan tèks ou, ou ta ka ajoute yo sou règ CSS sa a:
h3 {font-size: 24px; koulè: # 000; font-pwa: nòmal; }}Sa a pa ta sèlman mete ki gwosè font pou H3s, li ta tou mete koulè a nwa (ki se sa kòd la hex nan # 000 vle di) epi li ta mete pwa nan "nòmal". Pa default, navigatè rann tit 1-6 kòm tèks fonse, se konsa sa a style ta pase sou desizyon ke default ak esansyèlman "un-fonse" tèks la.
Imaj gwosè
Imaj yo ka difisil defini gwosè paske ou ka aktyèlman itilize navigatè a rdimansyonman imaj la. Natirèlman, rèsize imaj ak navigatè a se yon move lide paske li lakòz paj chaje pi dousman ak navigatè souvan fè yon travay pòv nan rèsize, fè imaj yo gade move. Olye de sa, ou ta dwe sèvi ak lojisyèl grafik rdimansyonman imaj ak Lè sa a, ekri gwosè aktyèl yo nan HTML sit entènèt ou an.
Kontrèman ak polis, imaj ka itilize swa HTML oswa CSS defini gwosè a. Ou defini lajè a nan imaj la ak wotè la. Lè ou itilize HTML, ou ka sèlman defini gwosè a imaj nan piksèl. Si ou itilize CSS, ou ka itilize lòt mezi ki gen ladan pous, santimèt, ak pousantaj. Sa a dènye valè, pousantaj, trè itil lè imaj ou bezwen yo dwe likid, tankou nan yon sit entènèt reponn.
Defini gwosè imaj ou lè l sèvi avèk HTML, sèvi ak atribi wotè ak lajè nan tag nan img. Pou egzanp, imaj sa a ta dwe 400x400 piksèl kare:
wotè = "400" lajè = "400" alt = "imaj" />Defini gwosè imaj ou lè l sèvi avèk CSS, sèvi ak pwopriyete wotè ak lajè style. Isit la nan imaj la menm, lè l sèvi avèk CSS defini gwosè a:
style = "wotè: 400px; lajè: 400px;" alt = "imaj" />Gwosè Layout
Gwosè ki pi komen ou defini nan yon Layout se lajè a, ak premye bagay ou pral bezwen deside se si yo sèvi ak yon layout lajè fiks oswa yon sit entènèt reponn. Nan lòt mo, yo ou pral defini lajè a kòm yon kantite egzak nan piksèl, pous, oswa pwen? Oswa ou pral mete lajè Layout ou yo dwe fleksib lè l sèvi avèk ems oswa pousantaj? Pou defini gwosè a nan Layout ou a, ou itilize lajè ak wotè pwopriyete CSS jis tankou ou ta nan yon imaj.
Fiks lajè:
style = "lajè: 600px;">Likid likid:
style = "lajè: 80%;">Lè w ap deside sou lajè yo pou Layout ou a, ou ta dwe kenbe nan tèt ou diferan lajè navigatè ki lektè ou ka itilize ak aparèy yo diferan yo pral tou ap itilize. Se poutèt sa sit entènèt yo reponn , ki ka chanje Layout yo ak dimensionnement ki baze sou aparèy diferan ak gwosè ekran, se estanda ki pi bon estanda jodi a.