Penempatan item ing kaca web penting banget kanggo desain sakabèhé. Sanadyan ana cara liya kanggo nduwe pengaruh ing tata letak, kayata nggunakake tabel ( sing ora kita rekomendasikan ), sing paling apik yaiku nggunakake CSS .
Ing ngisor iki, kita bakal nliti carane nggunakake gaya CSS gaya ing-line prasaja kanggo nahan gambar, tabel, paragraf, lan liya-liyane.
Wigati: Cara sing padha uga bisa digunakake ing lembaran gaya eksternal, nanging amarga aplikasi kasebut bisa digunakake kanggo item individu lan uga kudu tetep nganggo cara kasebut, paling apik nggunakake gaya ing-line kaya sing kasebut ing ngisor iki.
Selaras Paragraf Teks
Tag paragraf iki minangka panggonan pisanan sing diwiwiti nalika mbukak kaca web sampeyan. Iku mbukak lan nutup tags katon kaya iki:
Alignment default saka teks ing paragraf punika ing sisih kiwa kaca, nanging sampeyan uga bisa nata paragraf sampeyan ing sisih tengen lan tengah.
Nggunakake properti ngambang ngijini sampeyan ndadeake paragraf ing sisih tengen utawa kiwa saka unsur induk. Unsur liyane ing sajrone unsur induk bakal ngubengi unsur ngambang.
Kanggo nggoleki efek sing paling apik nganggo paragraf, paling apik kanggo nyetel lebar ing paragraf sing luwih cilik tinimbang unsur (parent) unsur.
Selaras Tèks ing Paragraf
Bisa uga, panuntun sing paling apik kanggo teks paragraf yaiku "bener," sing ngandhani browser kanggo nampilake teks sing selaras, ateges, ing sisih tengen lan kiwa jendela.
Kanggo mbenerake tèks ing paragraf, sampeyan bakal nggunakake properti teks-obah.
Sampeyan uga bisa nyelehake kabeh teks ing sajrone paragraf ing sisih tengen utawa ing sisih kiwa (minangka standar), kanthi nggunakake properti teks-align.
Properti panyedhian teks bakal nyelehake teks ing sajrone elemen kasebut. Secara teknis, ora mestine nggayuh gambar sing ana ing sajrone paragraf utawa unsur liyane, nanging akeh browser nambani gambar sing asline kanggo properti iki.
Aligning Images
Nggunakake properti ngambang ing tag gambar sampeyan bisa netepake panggonan panggonane gambar ing kaca lan cara teks bakal mbungkus sakupengine.
Kaya paragraf ing ndhuwur, properti gaya ngambang ing tag gambar bakal nampilake gambar sampeyan ing kaca lan ngandhani browser cara mili teks lan elemen liyane ing sekitar gambar kasebut.
Teks ing ngisor iki tegese gambar kasebut bakal ngubengi gambar kasebut ing sisih tengen minangka gambar nampilake ing sisih kiwa layar.
Yen aku pengin teks mandheg nggrampungake gambar, gunakake properti sing cetha:
"
Selarasake Paragraf
Nanging, yen sampeyan pengin nata luwih saka mung paragraf utawa gambar? Sampeyan mung bisa nemtokake properti gaya ing saben paragraf, nanging ana tag sing bisa digunakake sing luwih efektif:
Mung ngubengi teks lan gambar (kalebu tag HTML ) karo tag lan properti gaya (float utawa teks-align) lan kabeh ing divisi kasebut bakal selaras carane sampeyan pengin.
Elinga yen alignments sing ditambahake ing paragraf utawa gambar ing divisi bakal diajeni, ngganti tag kasebut.