IntroductionIt er mulig for deg å plassere et HTML-element på et bestemt sted på nettsiden din, uavhengig av hva som allerede er der. I denne artikkelen vil jeg gjøre en grundig behandling av dette emnet. Du trenger grunnleggende kunnskap i CSS og HTML (XHTML) for å forstå dette article.Note: Hvis du ikke kan se koden, eller hvis du tror noe mangler (ødelagt kobling, bilde fraværende, tekst), bare kontakte meg på forchatrans @ yahoo .com. Det er, kontakt meg for den minste problemet du har om hva du reading.
CSS Normal FlowImagine som i koden din, har du en rekke innebygde elementer og tekst, deretter en blokk-nivå (som inneholder) element, deretter en serie av inline elementer og tekst igjen, deretter en blokk-nivå element, og til slutt en rekke innebygde elementer og tekst. All denne koden er inne i en inneholder element som kroppen eller en DIV element.Everything er likt (basert på hva vi har lært så langt), nettleseren din vil vise koden som følger: Det vil begynne ved å vise inline elementer og tekst , innpakning dem til neste linje som i slutten av den aktuelle linjen er nådd.
Så vil det vise blokknivå element, som vil oppta en fullstendig horisontal stripe fra venstre ende til høyre ende. Etter at nettleseren vil fortsette å vise inline elementer og tekst, innpakning da som i slutten av linjen er nådd. Så det ville vise den andre blokknivå element, som vil som forventet tar en fullstendig horisontal stripe fra venstre ende til høyre ende. Endelig viser den innebygde elementer og tekst, innpakning dem. Dette er det som kalles normal flyt av HTML-elementer i CSS.
Din nettside design bør alltid ta en normal flyt med mindre du ønsker spesielle funksjoner, som absolutt posisjonering (se nedenfor) HTML Element DimensionsFor ditt element som skal plasseres, det må ha bredde og høyde. Noen elementer er laget med sine naturlige bredder og høyde. For andre, må du gi de bredder og høyder. Du gir bredden og høyden til et element ved hjelp av CSS "bredde" og "høyde" egenskaper. Verdien til en av disse egenskapene er et tall i px eller prosent; andre enheter kan anvendes. Jeg anbefaler deg å unngå å gi høyden verdien til HTML-elementer.
Du vanligvis ikke ville vite hvilken høyde du bør gi et element. Dessuten når man gir bare breddeverdi til et element, velger leseren en passende høyde, eller den tilsvarende høyde for deg. Dette gjelder images.Absolute Posisjonering og layeringIt er mulig for deg å plassere et HTML-element på et bestemt sted på det området a