Flyde over Hjælp i HTML

Når du opretter websider for din virksomhed ved hjælp af simpel HTML og CSS-kode, kan du bruge CSS til at formatere og formatere bestemte "divisioner" i dit indhold - defineret i din HTML-kode - som giver dig mulighed for at formatere tekst og billeder på en sådan måde at de "ombrydes" eller er i overensstemmelse med hinanden. Med andre ord kan dele af dit indhold tilpasses til andre sektioner, der er indrettet på en sådan måde, at billeder og tekst kan passe sammen som kolonner, net eller en anden specificeret justering.

HTML og CSS

Mens HTML præsenterer et mærket meta-sprog, der definerer, hvordan en webside vil blive vist i en webbrowser, kommer den virkelige kraft af webdesign, når du blander HTML med Cascading Style Sheets. CSS definerer adfærd for elementer indlejret i HTML-filer, hvilket skaber et universelt layout til siden. Flere HTML-dokumenter kan referere til den samme CSS-side, hvilket betyder, at du kan håndhæve et regelmæssigt udseende på alle dine sider.

HTML-afdelinger og flydende

CSS arbejder med HTML ved at definere adfærd af HTML-tags. Specifikt udnytter CSS "" tagsne. Disse divisionskoder omgiver en del af dokumentet og identificerer det som en diskret informationsenhed, der skal have samme stil i hele. Disse divisioner fungerer også som "bokse" af sorter, idet CSS kan indeholde sektioner af indholdsændringsfarve, ændre størrelse eller "float" til en bestemt sidegrænse, så at størrelsen på siden ikke ødelægger layoutet.

Flydende i CSS og HTML

For at bruge attributten "float" skaber du en division i dit indhold eller henviser til et billede. I dit CSS-dokument refererer du derefter til div eller billede ved navn og giver det en flydeattribut. Følgende kodeeksempel viser, hvordan du opnår dette med et internt stilark. Bemærk, at divisionen i HTML'en, der hedder "section1", har en bredde på 100 pixel. Alle divisioner, der bruger float, kræver en bestemt bredde. Billeder har allerede en underforstået bredde:

Her er noget indhold indenfor en division

Ryd, margener og polstring

Sammen med det grundlæggende ved at bruge floatattributten kan du også anvende andre elementer, som f.eks. Klare, margen og polstringskendetegn. Den klare egenskab sikrer, at intet andet indhold vises på samme linje som det flydende element. Margener styrer rummet omkring venstre og nederste del af divisionen. Padding styrer det indre rum i divisionen mellem indholdet og grænserne for divisionen. Disse tre ting sammen kan skabe rene "boksformede" divisioner, der tillader eller tillader ikke tekst og andet billede at pakke rundt om dem.

Populære Indlæg