Flyte over hjelp i HTML

Når du lager websider for virksomheten din ved hjelp av enkel HTML og CSS-kode, kan du bruke CSS til å stil og formatere bestemte "divisjoner" i innholdet ditt - definert i HTML-koden din - som lar deg formatere tekst og bilder på en slik måte at de "vikle rundt" eller i samsvar med hverandre. Med andre ord, deler av innholdet ditt kan tilpasses til andre seksjoner, arrangert på en slik måte at bilder og tekst kan passe sammen som kolonner, ruter eller en annen spesifisert tilpasning.

HTML og CSS

Mens HTML presenterer et merket meta-språk som definerer hvordan en nettside vil vises i en nettleser, kommer den virkelige kraften til webdesign når du blander HTML med Cascading Style Sheets. CSS definerer atferd for elementer som er innebygd i HTML-filer, og lager et universelt layout for siden. Flere HTML-dokumenter kan referere til den samme CSS-siden, noe som betyr at du kan håndheve et vanlig utseende på alle sidene dine.

HTML-divisjoner og flytende

CSS arbeider med HTML ved å definere oppførselen til HTML-koder. Spesielt bruker CSS "" kodene. Disse delingskodene omgir en del av dokumentet, og identifiserer den som en diskret informasjonsenhet som bør ha samme stil i hele. Disse divisjonene fungerer også som "bokser" av forskjellige typer, fordi gjennom CSS kan du ha deler av innholdsendringsfarge, endre størrelse eller "float" til en bestemt sidegrens, slik at størrelsen på siden ikke ødelegger oppsettet.

Flytende i CSS og HTML

For å bruke "float" -attributtet, oppretter du en deling i innholdet ditt eller henviser til et bilde. I ditt CSS-dokument refererer du da til div eller bilde etter navn, og gir det en flyteattributt. Følgende kodeeksempel viser hvordan du oppnår dette med et internt stilark. Merk at delingen i HTML, kalt "section1", har en bredde på 100 piksler. Alle divisjoner som bruker float krever en spesifisert bredde. Bilder har allerede en underforstått bredde:

Ryd, marginer og polstring

Sammen med det grunnleggende om å bruke floatattributtet, kan du også ansette andre elementer, for eksempel klare, marginale og polstrede attributter. Den klare attributtet sikrer at ingen annet innhold vises på samme linje som det flytende elementet. Marginene styr plass rundt venstre og nederste del av divisjonen. Padding kontrollerer det indre rommet i divisjonen mellom innholdet og grensene til divisjonen. Disse tre elementene sammen kan skape rene "boksformede" divisjoner som tillater eller ikke tillater tekst og annet bilde å vikle rundt dem.