Faʻaaogaina o le CSS e faʻafetaui ai se ata i le itu tauagavale o le Lisi o le Upega Tafaʻilagi
Vaavaai i soʻo se itulau uepi i le aso ma o le a e vaʻai i se tuufaatasiga o tusiga ma ata e faia ai le tele o na itulau. E faigofie lava le faʻaopopo o tusitusiga ma ata i se itulau . O le anotusi o loʻo faʻaaoga e faʻaaoga ai HTML faʻapusa e pei o parakalafa, lisi, ma ulutala, aʻo aofia ai ata i le faʻaaogaina o le elemene .
O le mafai ona faʻaoga lelei le tusiga ma na ata, o le mea lea e vaʻai ese ai tagata mamanu web design! E te le na ona manaʻo i au tusitusiga ma ata e foliga mai le tasi i le isi, o le auala e faʻaaogaina ai ele elemene elemene e ala i le le mafai. Leai, e te manaʻo e puleaina pe faapefea ona faʻasolo faʻatasi le tusiga ma ata i mea o le a avea ma au ata o le uelefea.
O le i ai o se ata e fetaui ma le itu tauagavale o se itulau aʻo lolomiina le itulau o lena itulau, o se togafitiga masani mo mamanu lolomi ma mo itulau uepi. I luga o le upega tafaʻilagi, o lenei tulaga ua lauiloa o le feʻaveaʻiina o le ata . O lenei faiga e ausia ma le meatotino a le CSS mo "float". O lenei meatotino e mafai ai e tusitusiga ona taamilo ile ata agavale agai i lona itu taumatau. (Poʻo faʻataʻaliʻoliʻo le ata i le itu tauagavale.) Seʻio tatou tilotilo i le auala e ausia ai lenei mea vaaia.
Amata I le HTML
O le mea muamua e tatau ona e faia o loʻo i ai se HTML e te galue ai. Mo a tatou faʻataʻitaʻiga, o le a tatou tusia se parakalafa o tusitusiga ma faʻaopopo se ata i le amataga o le parakalafa (aʻo leʻi i ai le tusitusiga, ae pe a uma le amataga
tag). O le mea lea e foliga i ai le faailoga HTML:
I le lē mafai, o le a faʻaalia ai la matou 'upega tafaʻilagi i le ata i luga aʻe o le tusitusiga. E mafua ona o ata o ni elemene elemene i le HTML. O lona uiga o le masini e faʻaalia laina laina i luma ma pe a uma le elemene elemene e ala i le le mafai. O le a matou suia lenei foliga le manuia e ala i le liliu atu i le CSS. Muamua, peitaʻi, o le a tatou faʻaopopoina le taua o le vasega io tatou elemene ata . O lena vasega o le a avea o se "matau" lea o le a tatou faaaogaina i la tatou CSS mulimuli ane.
Manatua o lenei vasega o le "tauagavale" e leai se mea na o ia! Mo i matou e ausia la matou sitaili manaomia, matou te manaʻomia le faʻaaogaina o le CSS i le isi.
CSS Styles
I le i ai o la tatou HTML i le tulaga, e aofia ai le tatou vasega o uiga o le "agavale", ua mafai nei ona tatou liliu atu i le CSS. Matou te faʻaopopoina se tulafono i la matou sitaili lea o le a folau ai lena ata ma faʻaopopo foi sina tamai taʻavale i tafatafa o le mea ina ia le ogatasi le tusiga o le a afaina ai le ata. O le CSS e mafai ona e tusia:
.feft {float: tauagavale; taʻavale: 0 20px 20px 0; }O lenei ituaiga e feʻaʻei ai lena ata i le itu tauagavale ma faaopoopo i ai sina tamai paʻu (faʻaaoga nisi CSS shorthand) i le taumatau ma le pito i lalo o le ata.
Afai e te toe iloiloina le itulau o loo i ai lenei HTML i totonu o se masini komepiuta, o le ata o le a fetaui nei i le itu tauagavale ma o le a maua le sao o le parakalafa i lona aia ma se aofaiga talafeagai o le vaeluaina i le va o le lua. Manatua le taua o le vasega o le "tauagavale" na matou faʻaaogaina e le saʻo. Na mafai ona matou taʻua soo se mea aua o le faaupuga "tuua" e leai se mea na o ia lava. E manaʻomia le i ai o se vasega i le HTML o loʻo galue i se tino moni CSS e faʻaalia ai suiga vaaia o loʻo e sailia e faia.
Isi Auala e Ausia ai Nei Uili
O lenei auala o le tuʻuina atu o le elemene o elemene o le vasega ma le faʻaaogaina o le CSS masani o loʻo faʻafefeina le elemene o se tasi lea o auala e mafai ai ona e ausia lenei "ata agavaʻa agaʻi" foliga. E mafai foi ona e ave le taua o le vasega mai le ata ma ia tusia i le CSS e ala i le tusia o se tagata filifilia faapitoa. Mo se faʻataʻitaʻiga, seʻio tatou tilotilo i se faʻataʻitaʻiga pe o iai lena ata i totonu o se vaevaega ma se aoga o le "autu-content".
Mo le faʻatulagaga o lenei ata, e mafai ona e tusia lenei CSS:
.matau-ogatotonu img [float: tauagavale; taʻavale: 0 20px 20px 0; }I lenei tulaga, o le tatou ata o le a fetaui i le itu tauagavale, faatasi ai ma le tusitusiga o loo felelei solo pei o muamua, ae e le manaomia ona tatou faaopoopoina se isi vaega taua i le tatou faailoga. O le faia o lenei mea e mafai ona fesoasoani e fatuina se faila laititi HTML, lea o le a sili atu ona faigofie ona pulea ma e mafai foi ona fesoasoani e faaleleia le faatinoga.
Ma le mea mulimuli, e mafai foi ona e faʻaopopo sao i totonu o lau siata HTML, pei o lenei:
O lenei metotia ua taua o " sitaili laina ". E le o se mea lelei aua e faʻafefiloi lelei le faiga o se elemene ma lona faʻatulagaina o faʻatulagaga. O faiga masani a le Uepisaite e fai mai o le sitaili ma le fausaga o se itulau e tatau ona vavae ese. E aoga tele lenei mea pe a manaʻomia e lau itulau le suia o lana faatulagaga ma vaavaai mo lapisi eseese o lauulu ma masini ma se upega tafaʻilagi. O le i ai o le faiga o le itulau o loʻo fesoʻotaʻi i le HTML o le a sili atu ona faigata le tusiaina o fesili a le aufaasālalau e fetuʻunaʻi ai foliga o lau 'upega tafaʻilagi pe a manaʻomia mo na sikuea eseese.
Original tusiga na saunia e Jennifer Krynin. Edited by Jeremy Girard i le 4/3/17.