Maua faʻamatalaga ma nei fautuaga
O 'upega tafaʻilagi uma e aofia ai le mea e iloa o "amioga le lelei." O sitaili ia e faʻaalia ai foliga ma lagona o elemene HTML i le leai o se isi lava faʻamatalaga. Mo se faʻataʻitaʻiga, i le toetoe o mea uma o loʻo i luga o le 'eleʻele, o foliga le lelei o hyperlinks o se lanu uliuli lanu moana ma se laina vase. O le auala lea e vaʻai ai na sootaga seivagana ua e fai atu ia i latou e faʻaalia i se isi auala.
E mafai ona fesoasoani fesuiaiga o auala faʻanatura, ae i le tele o mea e mananao le aufaasusi uela e aveese nei sitaili ina ia mafai ai ona latou amata fou i ni sitaili e 100% le puleaina. E faia lenei mea i le faʻaaogaina o mea ua lauiloa o le "master stylesheet."
E tatau ona i ai se style styleetet muamua le sitaili muamua e te valaʻau i au pepa uma. E te faʻaaogaina se style styleetet e faʻamalo ai mea e le mafai ai ona faʻaogaina mea e teu ai mea e teu ai i luga ole laiga. A maeʻa ona e faʻasalaina ia sitaili ma se ituaiga styleheetet, o lau mamanu e amata mai i le nofoaga lava e tasi i totonu o tagata suʻesuʻe uma - pei o se tapoleni mama mo le vali.
Faʻasologa Taunuʻu
E tatau ona amata lau style stylesetet e ala i le alo ese i luga o le pito, vae ma tuaoi i luga o le itulau. O nisi o Upega Tafaʻilagi e le faʻaaogaina le tino o le pepa i le 1 po o le 2 pika mai le pito i luga ole pito i luma o le poloka. O lenei mea e mautinoa e faʻaalia i latou uma:
html, tino o le tino: 0px; paʻu: 0px; tuaoi: 0px; }E te manaʻo foi e faʻasoasoa le vai papatiso. Ia mautinoa ia seti le lapisi i le 100 pasene poʻo le 1m, ina ia mafai ona maua lau itulau, ae o le tele o loʻo tumau pea. Ma ia mautinoa ia aofia ai le laina-maualuga.
tino {font: 1em / 1.25 Arial, Helvetica, sans-serif; }Faʻamatalaina o le ulutala
Ulutala poo ulutala ulutala (H1, H2, H3, ma isi mea) e masani lava ona le mafai ona le aoga i ni upu tetele ma ni lapoʻa tele poʻo le taamilosaga faataamilo ia i latou. I le faʻamamaina o le mamafa, tafatafa ma le paʻu, ia e mautinoa o nei pine o loʻo tumau pea (pe laʻititi) nai lo le siʻosiʻomaga i latou e aunoa ma ni sitaili faaopoopo:
h1, h2, h3, h4, h5, h6 {tuaoi: 0; paʻu: 0; vai-mamafa: masani; font-family: Arial, Helvetica, leai-serif; }Atonu e te manaʻo e fuafua ni fuainumera patino, vaʻai-tusi ma faʻailoga i au ulutala, ae e faalagolago tonu lava i le sitaili o le 'upega tafailagi o loʻo e fuafuaina ma e tatau ona tuʻuina mai le pepa lauiloa. E mafai ona e faʻaopoopo nisi sitaili mo nei ulutala pe a manaʻomia mo lau mamanu patino.
Faʻamatalaina o le Faʻamatalaga Lelei
I tua atu o ulutala, o loʻo i ai isi faʻamaumauga e tatau ona e mautinoa e faʻamamaʻa. O le tasi seti e masani ona galo i tagata, o laupepa o le laulau table (TH ma TD) ma fai ai pine (SELECT, TEXTAREA ma INPUT). Afai e te le seti i latou e tutusa tutusa ma lau tino ma palakalafa, atonu e matua le maofa i le auala e tuuina atu ai e tagata suʻesuʻe.
p, th, td, li, dd, dt, ul, ol, blockquote, q, acronym, abbr, a, input, select, textarea {tuaoi: 0; paʻu: 0; faila: masani masani masani 1em / 1.25 Arial, Helvetica, leai-serif; }E lelei foʻi le tuʻuina atu o lau upusii (BLOCKQUOTE ma Q), faʻamalomika, ma faapuupuuga o se isi faʻaopoopoga atili, o lea ia latou faʻaalia atili ai:
blockquote {laina: 1.25em; paʻu: 1.25em} q {font-style: faʻaʻamau; } acronym, abbr {curseor: fesoasoani; pito i lalo: 1px paʻu; }Sootaga ma Ata
O mafutaga e faigofie ona pulea ma ia suia mai lena lanu lanumoana e pei ona taʻua muamua. Ou te manaʻo e faʻapipiʻi pea aʻu sootaga, ae afai e te fiafia i ai i se auala ese e mafai ona e seti ese nei filifiliga. Ou te le aofia ai foi lanu i totonu o le pepa lauiloa, aua e faalagolago i le mamanu.
a, a: sootaga, a: asiasia, a: malosi, a: hover {text-decoration: vase lalo; }Faatasi ai ma ata, e taua le tape o tuaoi. E ui o le tele o tagata suʻesuʻe e le faʻaalia se tuaoi faʻataʻaliʻoliʻo i se ata manino, pe a fesoʻotaʻi le ata, e liliu tagata suʻesuʻe ile tuaoi. Ina ia faaleleia lenei mea:
latalata i le tuaoi: leai; }Laulau
E ui o le laulau e le o toe faʻaaogaina mo fuafuaga faʻatino, e ono faʻaaogaina e lau 'upega tafaʻilagi mo faʻamaumauga faʻamatalaga moni. O se faʻaoga lelei lea o laulau HTML. Ua maeʻa ona matou mautinoa o le tele o le tele o le tele o le tele o le telefoni i lau laulau, ae o loʻo i ai ni nai sitaili e tatau ona e tuʻuina ina ia tutusa lau laulau.
laulau {taula: 0; paʻu: 0; tuaoi: leai; }Fomu
Faʻapei o isi elemene, e tatau ona e faʻamalo ese ia tafatafa ma taʻavale i lau fomu. O le isi mea ou te fiafia e fai o le toe tusia lea o le pepa o le " inline " ina ia le faaopoopo ai se avanoa faaopoopo pe ae tuʻuina le pine i le numera. E pei lava o isi elemene, o loʻo ou faʻamatalaina le faʻamatalaga faʻamatalaga mo le filifili, textarea ma le faʻaogaina i luga, ina ia tutusa ma le vaega o totoe o aʻu tusitusiga.
pepa faʻailoga: mea lautele: 0; paʻu: 0; faʻaalia: inline; }O se manatu lelei foʻi le suia o le fetuu mo au faʻamaumauga. E fesoasoani lea i tagata ia iloa o le igoa o le a faia se mea pe a latou kilikiina.
igoa {faaigoa: faʻailoga; }Vasega masani
Mo lenei vaega o le stylesheet master, e tatau ona e faʻamatalaina vasega e talafeagai ia te oe. O nisi nei o vasega ou te masani ona faʻaaogaina. Manatua e le o setiina i soʻo se elemene faapitoa, o lea e mafai ona e tofia i latou i soo se mea e te manaʻomia:
.tolosi manino [manino: uma; } .floatLeft {float: agavale; } .floatRight {float: taumatau; } .LeleiLeft {text-align: agavale; } .textRight {text-align: taumatau; } .textCenter {text-align: center; } .textJustify {text-align: faʻamaonia; } .blockCenter {faʻaali: poloka; tafatafa-tauagavale: auto; tafatafa-taumatau: auto; } / * manatua e seti le lautele * / .bold {font-weight: bold; } .italic {font-style: faʻaʻamau; } .faʻailoga {teuteuga-teuteuga: vaseina; } .noa [pito i luga-tauagavale: 0; paʻuvale-tauagavale: 0; } .nomargin {laʻi: 0; } .nopadding {padding: 0; } .nobullet {lisi-style: leai; ata-lisi-ata: leai; }Manatua talu ai ona o nei vasega o loʻo tusia i luma o isi lava sitaili ma ua na o ni vasega, e faigofie ona latou faʻaaogaina ni mea patino e sili atu ona patino lea e tupu mulimuli ane i le taʻaloga. Afai e te maua ua e setiina se vasega masani i luga o se elemene ma e le aoga, e tatau ona e siaki ina ia mautinoa e leai se isi ituaiga i se tasi o au sitaili mulimuli e aafia ai lena lava elemene.
O le Master Master Stylesheet
/ * Global Defaults * / html, o le tino [0: 0px; paʻu: 0px; tuaoi: 0px; } body {font: 1em / 1.25 Arial, Helvetica, sans-serif; } / * Ulutala * / h1, h2, h3, h4, h5, h6 {laina: 0; paʻu: 0; vai-mamafa: masani; font-family: Arial, Helvetica, leai-serif; } / * Taini Tusitusi * / p, th, td, li, dd, dt, ul, ol, blockquote, q, acronym, abbr, a, input, select, textarea {ala: 0; paʻu: 0; faila: masani masani masani 1em / 1.25 Arial, Helvetica, leai-serif; } blockquote {laina: 1.25em; paʻu: 1.25em} q {font-style: faʻaʻamau; } acronym, abbr {curseor: fesoasoani; pito i lalo: 1px paʻu; } laiti {font-size: .85em; } big {font-size: 1.2em; } / * Lisi ma Images * / a, a: sootaga, a: asiasia, a: malosi, a: hover {text-decoration: vase lalo; } img tuaoi: leai; } / * Laulau * / laulau {laupepa: 0; paʻu: 0; tuaoi: leai; } / * Forms * / form {ala: 0; paʻu: 0; faʻaalia: inline; } label {kona: pointer; } / * Vasega masani * / .clear [clear: both; } .floatLeft {float: agavale; } .floatRight {float: taumatau; } .LeleiLeft {text-align: agavale; } .textRight {text-align: taumatau; } .textCenter {text-align: center; } .textJustify {text-align: faʻamaonia; } .blockCenter {faʻaali: poloka; tafatafa-tauagavale: auto; tafatafa-taumatau: auto; } / * manatua e seti le lautele * / .bold {font-weight: bold; } .italic {font-style: faʻaʻamau; } .faʻailoga {teuteuga-teuteuga: vaseina; } .noa [pito i luga-tauagavale: 0; paʻuvale-tauagavale: 0; } .nomargin {laʻi: 0; } .nopadding {padding: 0; } .nobullet {lisi-style: leai; ata-lisi-ata: leai; }Original tusiga na saunia e Jennifer Krynin. Edited by Jeremy Girard i le aso 10/6/17