De pleatsing fan items op in webside is essensjele foar har algemiene ûntwerp. Hoewol binne der oare mooglikheden om de layout te beynfloedzjen, lykas toetsen brûke ( dy't wy net oanbean ), it bêste is CSS brûke .
Hjirûnder sille wy wer sjen nei hoe't jo in ienfâldige CSS-styl yn-line eigenskip brûke om ôfbyldings, tabellen, paragrafen en mear te meitsjen.
Taljochting: Dizze deselde metoaden kinne ek brûkt wurde op eksterne stylblêden , mar om't dizze foar elke punten oanfreegje en wierskynlik sa wêze moatte bliuwe, it is it bêst om yn-line styling te brûken lykas wat hjirûnder neamd wurdt.
Rjochtsje tekstadres
It paragraaf is it earste plak om jo webstee te lizzen te begjinnen. It iepenjen en sluten fan tags sjogge dit:
De standert alignearring fan tekst yn in paragraaf is oan de linker side fan 'e side, mar jo kinne jo paragrafen ek rjochts en sintrum rjochtsje.
Mei it float-eigendom kinne jo paragrafen rjochtsje op 'e rjochterkant of lofts fan it haadmiddel. Elk oare eleminten yn dat elemint elemint flok om it floatd elemint.
Om de bêste effekt te krijen mei in paragraaf, it is it bêste om in breedte yn te stellen op 'e paragraaf dat lytser is as it kontener (âlder) elemint.
Rjochtsje de tekst yn 'e paragrafen
Arguistysk is de meast nijsgjirrige oanpassing foar paragraaf-tekst "justifiearje", dy't de browser fertelt om de tekst te lizzen, yn essinsje, nei sawol de rjochter- en loftside fan it finster.
Om de tekst yn in paragraaf te justine te meitsjen, brûk jo de tekst-align eigendom.
Jo kinne ek allinich de tekst yn in paragraaf op 'e rjochterkant of de lofter (de standert) alignearje, mei help fan de tekst opnimme.
De tekst-align-eigenskip sil de tekst yn it elemint rjochtsje. Tekentich is it net om ôfbyldingen te meitsjen dy't yn 'e paragraaf of oare elemint befette, mar de measte browsers behannelje bylden as ynlieding foar dit eigendom.
Alignearje Ofbyldings
Mei de float-eigenskip op in byldtype kinne jo it pleatsen fan ôfbyldings op 'e side en hoe't de tekst om har hinne wreidet.
Krekt lykas de boppeneamde paragrafen, it floatstyle-eigendom yn 'e byldtag pleatst jo ôfbylding op' e side en fertelt de blêder hoe't jo tekst en oare eleminten om dy ôfbylding te streamen.
Tekst nei it boppeneamde byldtriem sil rûn om it byld te rjochtsjen as de ôfbylding werjûn lofts fan it skerm.
As ik de tekst wolle om it byld te stopjen om it byld te meitsjen, brûke ik it dúdlike eigenskip:
style = "clear: left"
Feroaring mear as paragrafen
Hokker as jo mear as just in paragraaf of in ôfbylding rjochtsje wolle? Jo kinne yn elke alinea in styl eigendom sette, mar der is in tag dy't jo brûke kinne dat effektiver is:
Skep de tekst en bylden (ynklusief HTML tags ) omfetsje mei de tag en it styl eigendom (float of text-align) en alles yn dy divyzje sil alignearje hoe't jo it graach wolle.
Tink derom dat aligningen tafoegje oan paragrafen of bylden yn 'e divyzje wurde fertsjinne, it oersetten fan it tag.