01 o le 10
Fatu le CSS Style Style
O le auala lava lea e tasi na matou fatuina ai se faila faʻamaumauga ese mo le HTML, o le ae fatuina se faila faila mo le CSS. Afai e te manaʻomia ni faʻamatalaga mo lenei gaioiga faʻafesoʻotaʻi tagaʻi muamua i le aʻoga. O laasaga nei e fatu ai lau pepa style CSS i le Notepad:
- Filifili Failauga> Fou i le Notepad e maua se faamalama avanoa
- Faasao le faila i le CSS i le kiliki o File
- Faʻasaga i le upega o fesoʻotaʻiga my_website i luga o lau puʻupuʻu
- Suia le "Save As Type:" i le "All Files"
- Taʻu lau faila "styles.css" (tuu ese upusii) ma kiliki Save
02 o le 10
Tuʻu le pepa CSS Style i lau HTML
O le taimi lava e iai sau pepa laupepa mo lau 'upega tafaʻilagi, e manaʻomia ona faʻafesoʻotaʻi i le Upega Tafaʻi lava ia. Mo le faia o lenei mea e te faʻaaogaina ai le pine fesoʻotai. Faʻamau i le mea o loʻo i lalo i totonu o le
tags o lau pets.htm pepa:03 o le 10
Faʻasolo le Faʻailoga Itulau
A e tusitusi XHTML mo suʻega eseese, o le mea e tasi o le a e aoaoina e foliga mai e eseese uma a latou taʻaloga ma tulafono mo le auala latou te faʻaalia ai mea. Le auala sili e faʻamautinoa ai o lau 'upega tafaʻilagi foliga foliga tutusa i le tele o tagata suʻesuʻe o le le faʻatagaina o mea e pei o laina e le maua i le filifiliga o le filifiliga.
Ou te fiafia e amata aʻu itulau i le pito i luga agavale, e aunoa ma se isi tapuni poʻo se pito latalata ane i le tusiga. E tusa lava pe o le a ou tusia mea, ou te seti le laina i le zero ina ia ou amata i le palani tutusa lava e tasi. Ina ia faia lenei mea, ia faaopoopo mea nei i lau styles.css pepa:
html, body {
tuaoi: 0px;
paʻu: 0px;
tuaoi: 0px;
tauagavale: 0px;
luga: 0px;
}
04 o le 10
Suia o le Font i le Itulau
O le vai papatisoga e masani lava o le mea muamua lea e te manao e sui i luga o se Upega Upega. O le faʻailoga sese i luga o le Upega Tafaʻilagi e mafai ona leaga, ma o le upega tafaʻilagi lava ia, o lea afai e te le faʻamalamalamaina le font, o le ae le iloa pe o le a foliga o lau itulau.
E masani lava, o le ae suia le vai papatisoga i parakalafa, poʻo nisi taimi i luga o le pepa atoa lava ia. Mo lenei 'upega tafaʻilagi o le a faʻamatalaina ai le mamanu i le ulutala ma le palakalafa. Faʻaopopo mea nei i lau siata styles.css:
p, li {
faila: 1em Arial, Helvetica, sans-serif;
}
h1 {
faila: 2em Arial, Helvetica, sans-serif;
}
h2 {
faila: 1.5em Arial, Helvetica, sans-serif;
}
h3 {
faila: 1.25em Arial, Helvetica, leai-serif;
}
Na amata aʻu i le 1em e avea ma oʻu laumua mo palakalafa ma lisi mea, ona faʻaaoga lea e faatulaga ai le tele mo aʻu ulutala. Ou te le o faʻamoemoe e faʻaaogaina se ulutala loloto atu nai lo le h4, ae afai e te fuafua e te manaʻo foi ia e faʻaaogaina.
05 o le 10
Faia o Lou Liga ia Fiafia
Le lanu le lanu mo sootaga o lanu uliuli ma lanu violē mo fesoʻotaʻiga le logoina ma asiasi i ai. E ui lava o lenei tulaga, e ono le talafeagai ma le lanu lanu o au itulau, o lea ia tatou suia. I lau faila file.css, faaopoopo i ai:
a: link {
font-family: Arial, Helvetica, leai-serif;
lanu: # FF9900;
tusitusiga-teuteuga: vase lalo;
}
a: asia {
lanu: # FFCC66;
}
a: faʻafefe {
talaʻaga: #FFFFCC;
vai-mamafa: malosi;
}
Sa ou faʻatulagaina ni fusi se tolu, o le: sootaga e pei o le le lelei, a: asiasi mo le taimi na asiasi ai, ou te suia le lanu, ma: a. Faʻatasi ai:: o loʻo i ai le fesoʻotaʻiga e maua ai se lanu faʻasalalau ma alu faʻamalosi e faamamafaina o se sootaga e tatau ona kiliki.
06 o le 10
Faʻailogaina o le Vaega o Faʻamasinoga
Talu ai tatou te tuʻuina muamua le faʻatautaiga (id = "nav") muamua i le HTML, seʻio tatou faʻamuamua. E manaʻomia ona tatou faʻaalia le lautele ma tatau ona i ai se lautele lautele i le itu taumatau ina ia le mafai ai e le tusiga autu ona oso i luga. Sa ou tuuina foi se tuaoi faataamilo i ai.
Faaopopo le CSS mulimuli i lau style.css pepa:
#nav {
lautele: 225px;
tafatafa-taumatau: 15px;
tuaoi: malosi soli # 000000;
}
#nav li {
lisi-leai: leai;
}
.foot [
font-size: .75em;
manino: uma;
lautele: 100%;
tusiga-fetaui: nofoaga tutotonu;
}
O le lisi o le lisi o mea e faatulaga ai le lisi i totonu o le vaega o folauga ina ia leai ni pulu po o ni fuainumera, ma o sitaili o vae o le puletaofia ia vaega laiti ma totonugalemu i totonu o le vaega.
07 o le 10
Tuʻuina o le Vaega Autu
E ala i le faʻatulagaina o lau vaega autu ma le tulaga maumaututu e mafai ona e mautinoa o le a tumau tonu le mea e te manaʻo ai ia tumau ai i luga o lau itulau Upega. Na ou faia laʻu 800px lautele e faʻatautaia ai le tele o siaki, ae afai ei ai sina mataʻituina laʻititi, atonu e te manaʻo e faia lena mea vaiti.
Tuu mea nei i au sitaili style.css:
#main {
lautele: 800px;
luga: 0px;
tulaga: faʻamaoni;
tauagavale: 250px;
}
08 o le 10
Faʻamalosia o Au Palakalafa
Talu ai ua uma ona ou setiina le parakalafa o le parakalafa i luga, ou te manao e tuuina atu parakalafa taitasi i sina isi "kick" faaopoopo ina ia sili atu le lelei. Na ou faia lenei mea e ala i le tuʻuina o se tuaoi i le pito i luga na faʻamalamalama ai le parakalafa nai lo na o le ata naʻo.
Tuu mea nei i au sitaili style.css:
.topline {
laina pito i luga: soli mafiafia # FFCC00;
}
Sa ou filifili e fai o se vasega e taʻua o "topline" nai lo le na o le faamatalaina o parakalafa uma i lena auala. I lenei auala, afai ou te filifili ou te manaʻo e fai se parakalafa e aunoa ma se laina samasama pito i luga, e mafai lava ona ou tuu ese le vasega = "topline" i le palakalafa tag ma o le a le maua le pito i luga.
09 o le 10
Faʻamalosia o Ata
O ata e masani lava ona i ai se tuaoi faataamilo ia i latou, e le o vaaia i taimi uma seivagana o le ata o se sooga, ae ou te fiafia e fai se vasega i totonu o loʻu CSS styleheet e liliu ese le tuaoi aunoa ma le masalosalo. Mo lenei stylesheet, na ou faia ai le vasega "noborder", ma o le tele o ata i le pepa o se vaega o lenei vasega.
O le isi vaega faapitoa o nei ata o lo latou nofoaga i le itulau. Sa ou manao ia avea i latou ma se vaega o le parakalafa sa latou i ai e aunoa ma le faaaogaina o laulau e faaoga ai. O le auala pito sili ona faigofie e fai ai lenei mea o le faʻaaogaina lea o le meatotino CSS float.
Tuu mea nei i au sitaili style.css:
#main img {
fetolofi: tauagavale;
tafatafa-taumatau: 5px;
pito i lalo: 15px;
}
.o le feʻau {
tuaoi: 0px leai;
}
E pei ona mafai ona e vaʻavaʻai, e iai foi le tele o meatotino o loʻo faʻapipiʻi i luga o ata, ia mautinoa e le faʻamaʻapeʻaina i latou i luga o le ata o loʻo i tafatafa oi latou i parakalafa.
10 o le 10
Vaai Taga Nei i Lau Itulau ua maeʻa
O le taimi lava e te faʻasaoina ai lau CSS e mafai ona e toefaʻalo le itulau pets.htm i lau 'upega tafaʻilagi. O lau itulau e tatau ona foliga foliga tutusa ma le ata o loʻo faʻaalia i lenei ata, faʻatasi ai ata ma tuʻuina saʻo i le itu tauagavale o le itulau.
Mulimuli i nei laasaga lava e tasi mo au itulau uma mo lenei 'upega tafaʻilagi. E te manaʻo e tasi le itulau mo itulau uma i lau faʻafanua.