Faaaoga le CSS i le ogatotonu: tusitusiga ma le laulau

O le fa'amatalaga o le lalolagi i soo se mea e fa'atatau ai, o lo'o fa'atusalia elemene ma faiga o elemene, upu ma tusitusiga, po'o le fa'amaumauga fa'asolo mulimuli - tusitusiga ma laulau. E mafai ona e mafaufau i le isi, ua uma ona iloa, fausaga faamatalaga, e faapea foi i le ata, ae ia faaaoga mataupu CSS ma HTML i tuutuuga o formatting mau totoe ituaiga faamatalaga se uiga eseese.

O le fa'atulagaga tonu o le itulau o le itulau e aofia ai le fuafuaina o le tulaga o elemene ta'itasi. O se pepa HTML o se faasologa lea o elemene o lo'o a'afia sa'o i tulafono e tolu:

• Tulaga maualuga atoatoa;
• Tuu i totonu o le faasologa lautele;
• Z-index.

O isi avanoa e nonofo ai, e mana'omia foi le tele o le malamalama e foia ai le fa'afitauli e fa'aaoga ai le CSS "e fa'atotonu i ai."

Fa'atotonugalemu ma fa'atulagaina tulafono

O tulafono a le CSS e fetaui ma le pepa HTML, ae aunoa ma tulafono, e mafai e le tagata mulimuli ona taulimaina so'o se ituaiga mea. O le tele o le fa'alauteleina o masini feavea'i ma le alu ese o le mamanu i le itu o le faigofie sili atu ma le "fa'asolosolo" e mafua ai le fesiligia o le fa'atotonuina o feso'ota'iga, ae o isi fa'aogaina e masani ona leiloloa le tau.

O le elemene autu o le itulau o se poloka o lo'o fa'amatalaina e se ituaiga ata. O le tulafono o le fa'atulagaina o le va'aia: e mafai ona talia, e pei ona i ai muamua, na o le fa fua (tauagavale, ogatotonu, sa'o, fa'amaonia). E mafai ona e fa'atinoina le fa'atulagaina o le laupapa i le tu'ufa'atasia o tulaga faatauaina o le maualuga ma tulafono laiti:

{
Maualuluga: 88px; // i se fua faatatau faapena
Laina-maualuga: 88px; // css mo Center mau - tūsaʻo
}

E mafai ona e fa'ata'ita'i i isi tulafono. ; O punaoa o loo maua taʻua e uiga i le faaliliuga o le tulafono faaaliga poloka: laulau, faaaliga: laulau-feaveai ma tūsaʻo-ogatasi: ogatotonu; Ae le o taimi uma e aoga ai.

Fa'amalo fa'atasi ma laulau

Pau lava le fa'amaumauga o fa'amaumauga lea na fuafua e malamalama muamua ma ola e fa'avavau o le laulau. E maua uma i luga o le laina i luga o le laina, ma le fa'afeiloa'i, le fesili pe fa'apefea ona tu'u le tusiga e fa'atotonu i le CSS, pe a fa'aaogaina le laulau e le toe iai se aoga taua.

O le masaniga masani o le fa'aaogaina o tulafono a le CSS e ausia ai se sini i le faailogaina e le o taimi uma e fa'amalieina ai le fa'amatalaga o pa'u pepa. E leai se mea e taofia ai le fausiaina mai le taula'i i soo se itu e ala i le tu'uina o mea i le ogatotonu o le laulau o tolu koluma ma laina e tolu.

O lenei fofo e le o tulaga faatonuina, ae aoga. Nai lo o le fo'ia ma le fa'amautuina o le faafitauli o feso'ota'iga cross-navigator o le itulau po'o le faitauina o mea i luga o le agavale, sa'o, ma isi mea, e mafai ona e fa'aaoga ia tau o pasene o lautele o sulu ma maualuga o laina i luga o laulau.

Fa'atulagaina ma le Javascript

O le fesili "E faapefea e tuu mau totonugalemu i le HTML" algorithm fofo tulagalua, browser gagana, ma ua a sili atu mamanu talafeagai ma le mataina.

O le mamanu o faila faila ua uma ona tafe, ma e toetoe lava o polokalama ta'uta'u ta'ito'atasi ta'itasi e ofoina atu fa'ailoga faufautua mo taimi uma. Ae o le olaga e mana'omia i taimi uma ni mea patino: e tatau ona tatou mafaufau i taimi uma i se pa'u mama e fa'aaogaina ai meafaigaluega a le CSS e tu'u ai le tusitusiga i le ogatotonu. O le filifiliga mo le fa'atulagaina o faamoemoega i totonu o se poloka "faapipiiina" i le itu o le itulau, ma o le mea lea e suia ai le tele, e ono le talafeagai ma se poloka o se lisi-pop-up e fausia mai elemene eseese.

E le o taimi uma lava na o se poloka lea e iloa muamua ai le itu tauagavale ma pe fia pixels i le taumatau, i luga o le pito i luga, ae le o le fa'amautinoa o le pito i lalo o le tuaoi lea e tatau ai ona fa'atulagaina le fa'aoga tutusa.

O lo'o i ai se uiga e tatau ona fuafuaina e le mea o lo'o i ai. I se tulaga sili atu, o nofoaga o lo'o i ai fa'amatalaga i le tagata asiasi, o le vaai vaaia ma le leo o se fa'aopoopoga i le tusitusiga masani. O fa'ata'ita'iga e ave ai mea e mana'omia (e le fa'aaogaina i nofoaga o ata, atavali, musika, ma isi) - o se fesili o le fa'amatalaga talafeagai mo le tagata asiasi.

Fa'avae o fa'amatalaga tusitusia ma HTML

Na foliga mai o le elemene e le mafaamatalaina o le anotusi o le itulau o le tusitusiga, ae le o le upu. Semanika o le tomai o le fa'apupulaina (o lē e ona le saite). O le mea moni, e le mafai ona fa'atusalia le tusiga i se pine se tasi, o lona uiga, o se fa'asalaga masani e le mafai ona na'o se faasologa o faailoga, ae o se faasologa o pine ei ai ni faailoga. Mai lenei mea o lo'o mulimuli mai ai o le "tagata lava ia" CSS "fa'aogatotonugaluga" e mafai ona tu'uina i mataupu faigofie.

O le tu'uina atu o le 'au'aunaga i le talosaga a le' upega tafa'ilagi e matua manaia ma e tele mea e le talafeagai i taimi uma i mea o le a fa'aalia. Pe a mamanuina se fa'atulagaga o itulau, e taua le tu'uina sa'o o le faamamafa i le vaega o le tu'uina atu o fa'amatalaga, aemaise lava, fa'atulagaga. O se mea e sili atu ona lelei e faia i luga o le 'au'aunaga, se mea i le tagata o tausia, o lona uiga, i le masini. Aua le fa'alagolago i tulafono a le CSS, o le fa'asalalauga i le iuga mulimuli e sili atu ona aoga.