Se Vaaiga Aoao i Peʻa Faʻasalalau Faʻailoga Faʻatasi ma le Faʻataʻitaʻiga o le Vaega o le Style
A e fausia se 'upega tafaʻilagi mai le maasiasi, e atamai tele le amata i sitaili masani. E pei o le amata mai i se tapoleni mamā ma palamole fou. O se tasi o uluai faafitauli o loʻo feagai ma tagata tusitala i luga o upega tafaʻilagi , o 'upega tafaʻilagi uma e eseese. Ole tele o le numera o le siaki e eseese mai le fausaga i luga o le fausaga, o le aiga faaletonu e le ese, o nisi tagata sailiili e faʻamatalaina laina ma luga o le tino ao isi e le faia, ma isi. Faʻafeiloaʻi nei feteʻenaʻi e ala i le faʻamalamalamaina o fesuiaiga masani mo au itulau web.
CSS ma le Seti Character
Muamua mea muamua, seti faʻamaumauga o lau pepa CSS i le utf-8 . E ui atonu o le tele o itulau e te mamanuina e tusiaina i le Igilisi, o nisi e mafai ona faʻailoaina-fetuutuunai mo gagana eseese ma aganuu. A latou faia, utf-8 faʻafaigofie le faagasologa. O le setiina o le amio i totonu o le pepa lanu i fafo e le sili atu nai lo le header HTTP , ae i isi tulaga uma lava, o le a.
E faigofie ona seti le seti amio. Mo le laina muamua o le pepa CSS tusia:
@charset "utf-8";I lenei auala, afai e te faʻaaogaina faʻasalalauga faavaomalo i totonu o le mea o loʻo aofia ai poʻo le igoa o le vasega ma ID, o le pepa pepa o le a galue pea.
Faʻamalosi le Itulau Itulau
O le mea e sosoo ai, o le manaʻomia o laupepa e le talafeagai, o ni sitaili ia e leʻo i luga o taʻavale, puipui, ma tuaoi. O lenei mea e mautinoa o mea uma e suʻeina mea e tuʻuina i totonu o le nofoaga lava e tasi, ma e leai ni avanoa puipui i le va o le masini ma le mea e aofia ai. Mo le tele o itulau uepi, e latalata tele i le pito mo le tusiga, ae e taua le amataina iina ina ia saʻo lelei le lainaina o ata ma ata faatulagaina.
html, tino o le tino: 0px; paʻu: 0px; tuaoi: 0px; }Faʻasolo le pito i luma poʻo le mamanu i le lanu uliuli ma le lanu le faʻaaogaina i le paepae. A o lenei mea o le a ono suia mo le tele o fuafuaga i luga o le webpage, o le i ai o nei lanu masani i luga o le tino ma le HTML tag i le taimi muamua e faigofie ai ona faitau ma galulue faatasi le itulau.
html, tino {lanu: # 000; talaaga: #fff; }Faiga Faʻamatalaga Lelei
Ole tele o le faatanoa ma le falesa o se mea o le a suia le suiga pe a fai e le mamanu ae amata i le tele o le numera o le 1 em ma se aiga faila mama o Arial, Geneva, poo se isi faila e aunoa ma se siaki. O le faʻaaogaina o uʻu e tausia le itulau e mafai ona maua pe a mafai, ma o se mamanu e aunoa ma se serif e sili atu le lisi i luga o le mata.
html, tino, p, th, td, li, dd, dt {font: 1em Arial, Helvetica, sans-serif; }Atonu ei ai isi nofoaga e mafai ona e maua ai le anotusi, ae p , th , td , li , dd , ma le dt o se amataga lelei lea mo le faʻamalamalamaina o le paʻu faavae. Faʻaaofia ai le HTML ma le tino i le tulaga tonu, ae o le tele o tagata sailiili e tafiesea le filifiliga o le font pe afai e na o le faamatalaina o au numera mo le HTML poo le tino.
Ulutala
O ulutala HTML e taua tele e faʻaaoga e fesoasoani ai i lau otootoga o le 'upega tafaʻilagi ma tuʻu faʻamalosia ai masini suʻesuʻe i lau' upega tafaʻilagi. A aunoa ma ni sitaili, e matua leaga uma lava, o le mea lea e faʻavasegaina ai i luga o latou uma uiga masani ma faʻamalamalama le aiga faifaʻatosiga ma le tele o le suʻe suʻega taʻitasi.
h1, h2, h3, h4, h5, h6 {font-family: Arial, Helvetica, leai-serif; } h1 {font-size: 2em; } h2 {font-size: 1.5em; } h3 {font-size: 1.2em; } h4 {font-size: 1.0em; } h5 {font-size: 0.9em; } h6 {font-size: 0.8m; }Don 'ia e galo le Luga
O le faʻamalosia o lanu o fesoʻotaʻiga e toetoe lava o taimi uma lava o se vaega taua o le mamanu, ae afai e te le faʻamatalaina i latou i fesuiaiga o sitaili, atonu o le a galo ia te oe le itiiti ifo ma le tasi o pseudo-classes. Faʻamatalaina i latou i sina suiga laiti i luga o le lanumoana ona sui lea i se tasi taimi e te maua ai le lanu lanu mo le 'upega tafaʻilagi.
Ina ia setiina sootaga i lanu moana, ia seti:
- sootaga e pei o le lanumoana
- asiasi atu i sootaga e pei o le lanumoana uli
- sulu fesoʻotaʻi e pei o lanu lanumoana
- fesoʻotaʻiga malosi e pei lava o palaniki lanumoana
e pei ona faaalia i lenei faataitaiga:
a: link {color: # 00f; } a: asiasi {lanu: # 009; } a: hover {lanu: # 06f; } a: malosi {lanu: # 0cf; } E ala i le taina o sootaga ma se ata lanu mama e mama ai, e mautinoa ai o le a le galo ia te aʻu nisi o vasega, ma avea ai foi ma sina leo itiiti atu nai lo le sese o le lanumoana, lanu mumu, ma le lanu viole.Faʻataʻaʻaina le Vaevaega
O le laupepa atoa lenei:
@charset "utf-8"; html, tino o le tino: 0px; paʻu: 0px; tuaoi: 0px; lanu: # 000; talaaga: #fff; } html, tino, p, th, td, li, dd, dt {font: 1em Arial, Helvetica, sans-serif; } h1, h2, h3, h4, h5, h6 {font-family: Arial, Helvetica, sans-serif; } h1 {font-size: 2em; } h2 {font-size: 1.5em; } h3 {font-size: 1.2em; } h4 {font-size: 1.0em; } h5 {font-size: 0.9em; } h6 {font-size: 0.8m; } a: link {color: # 00f; } a: asiasi {lanu: # 009; } a: hover {lanu: # 06f; } a: malosi {lanu: # 0cf; }