Faʻaali au Ata ma Faʻaaoga Ata i Ata
E toatele tagata e faʻaaoga le CSS e fetuunai ai le tusiga, suia le vai papatiso, le lanu, le tele ma sili atu. Ae tasi le mea e masani ona galo i le tele o tagata e mafai foi ona e faʻaaogaina le CSS i ata.
Suia o le Ata Lava ia
E mafai e le CSS ona faʻafetaui pe faʻapefea ona faʻaalia le ata i le itulau. E mafai ona aoga tele lenei mea mo le tausisia pea o au itulau. I le setiina o sitaili i luga o ata uma, ua e fatuina se tulaga masani mo au ata. O nisi o mea e mafai ona e faia:
- Faaopopo se tuaoi poo se otootoga faataamilo i ata
- Ave ese le lanu lanu i luga o ata fesoʻotaʻi
- Faʻasalalau le lautele ma / poʻo le maualuga o ata
- Faʻaopopo se ata matagi
- Liliu le ata
- Suia sitaili pe a ufiufi le ata
O le tuʻuina atu o lau ata o se tuaoi o se nofoaga sili e amata ai. Ae e tatau ona sili atu lou mafaufau nai lo na o le tuaoi - mafaufau e uiga i le atoa o lau ata ma fetuutuunai laina ma le mafu . O se ata ma se lanu uliuli lanu enaena e foliga manaia, ae faʻaopoopo nisi o paʻu i le va o le tuaoi ma o le foliga e mafai ona sili atu ona foliga lelei.
img {
tuaoi: 1px lanu uliuli;
paʻu: 5px;
}
O se manatu lelei le fesoʻotaʻi i taimi uma faʻatagata teuteu , pe a mafai. Ae pe ae faia, ia manatua o le tele o tagata sailiili e faaopoopo se lanu lanu i le ata. E tusa lava pe e te faʻaaogaina le code i luga e sui ai le tuaoi, o le a faʻaaogaina le sootaga sei vagana ua e aveesea pe suia foi le tuaoi i luga o le sootaga. Mo le faia o lenei mea e tatau ona e faʻaaogaina se tulafono a le tamaititi CSS e aveesea pe suia ai le tuaoi ile ata faʻatalanoa:
img> a {
tuaoi: leai;
}
E mafai foi ona e faʻaaoga CSS e suia pe seti le maualuga ma le lautele o au ata. E ui e le o se manatu sili le faʻaaogaina o le masini e fetuʻunaʻi ai foliga tetele ona o le saoasaoa o le saoasaoa, ua sili atu ona lelei i le toe faʻafouina o ata ina ia latou foliga lelei. Ma faatasi ai ma le CSS e mafai ona e setiina au ata i mea uma o se lautele laugatasia poʻo le maualuga poʻo le faʻatulagaina o le tele e fesootai ma le fagu.
Manatua, a e toe faʻafouina ata, mo iuga sili ona lelei, e tatau ona toe faʻafouina le tasi itu - o le maualuga poʻo le lautele. O lenei mea o le a faʻamalosia ai le faʻataunuʻuina o foliga o le ata, ma o lea e le foliga ese ai. Seti le isi tau i le taʻavale poʻo le tuʻuina atu i fafo e taʻu atu ai i le masini e faʻaauau pea le tulaga tutusa.
img {
lautele: 50%;
maualuga: auto;
}
CSS3 ofoina atu se fofo i lenei faafitauli i le fou o mea fou-talafeagai ma le mea faitino. Faatasi ai ma nei meatotino o le a mafai ona e faʻamatalaina tutusa le maualuga o le maualuga ma le lautele ma pe faʻapefea ona tagofia le vaega o le vaega. O lenei mea e mafai ona fatuina ai ni pusa eletise i lau ata poʻo le faʻaoga ina ia fetaui le ata i le tele e manaʻomia.
E ui ina le lagolagoina lautele le CSS3 object-fit ma object object-position, ae o loʻo i ai isi meatotino CSS3 e lagolagoina lelei i le tele o faʻamatalaga faaonapo nei e mafai ona e faʻaaogaina e suia ai au ata. Mea e pei o ata lafoia, taʻamilosaga tulimanu, ma suiga e sui, skew, pe faʻanofo au ata i galuega uma i le taimi nei i le tele o suʻesuʻega i aso nei. E mafai ona e faʻaaogaina le CSS faʻafeiloaʻiga ina ia suia ia ata pe a oʻo i lalo, pe kiliki, pe a maeʻa foi se taimi.
Faʻaaogaina o Ata e Faʻasalalau
E mafai e le CSS ona faafaigofieina le fatufatuina o foliga matagofie ma au ata.
E mafai ona e faʻaopopoina faʻamatalaga i le itulau atoa poʻo le naʻo se elemene faapitoa. E faigofie ona fatuina se ata i luga o le itulau ma le meatotino o le ata:
tino {
ata-ata: url (background.jpg);
}
Suia le filifili o le tino i se elemene faapitoa i luga o le itulau e tuu ai le talaaga i luga o se tasi elemene.
O le isi mea fiafia e mafai ona e faia i ata o le fatuina lea o se ata e le tusi ai ma le isi vaega o le itulau - e pei o se lauiloa. E naʻo lou faʻaaogaina o le faʻapipiʻiina o mea e faʻapipiʻiina; faʻatasi ai ma lou ata faʻapitoa. O isi filifiliga mo lau talaaga e aofia ai le faia o ni taʻavale i luga o le taamilosaga poʻo le faʻaogaina foi o le faʻaaogaina o le talaʻaga-toe faia.
Tusi le talaaga-toe fai: toe-x; e faʻapipiʻi le ata i luga ma le pito i tua-toe fai: toe fai-y; ia tilotilo saʻo. Ma e mafai ona e faʻatulagaina lau ata faʻasolosolo faʻatasi ma le meatotino o loʻo i tua atu.
Ma o le CSS3 e faʻaopoopo atili ai sitaili mo lau talaaga. E mafai ona e faʻalauteleina au ata e fetaui ma soʻo se laʻasaga tetele poʻo le setiina o le ata o le ata e tutusa ma le tele o le faamalama . E mafai ona suia le tulaga ona kiliki lea o le ata. Ae o se tasi o mea sili ona lelei e uiga i le CSS3 o le mafai lea ona e faia ni ata faʻasolosolo e fatuina ai isi faʻalavelave faʻalavelave.
HTML5 Fesoasoani Style Images
O le mea faʻalelei i le HTML5 e tatau ona faʻatulaga i soo se ata e mafai ona tu na o oe i totonu o le pepa. O se tasi o auala e mafaufau ai pe a mafai ona aliali mai le ata i se faʻaopoopoga, ona tatau lea ona i ai i totonu o le ata FAʻAALIGA. E mafai ona e faʻaaogaina lena elemene ma le elemene FIGCAPTION e faʻaopoopo ai sitaili i au ata.