Zowonjezereka za Mapepala A Mtundu Wosakaniza ndi Chitsanzo Chamawonekedwe
Mukamanga webusaitiyi kuyambira pachiyambi, ndi nzeru kuyamba ndi mafashoni oyambirira. Zili ngati kuyamba ndi nsalu yoyera ndi maburashi atsopano. Imodzi mwa mavuto oyambirira omwe opanga makasitomala akukumana nawo ndikuti osatsegula pa intaneti ndi osiyana. Kukula kwa mausitidwe osasintha ndi osiyana ndi pulatifomu kupita ku pulatifomu, mtundu wosasintha wamtunduwu ndi wosiyana, masakatuli ena amafotokoza margins ndi padding pa thupi la thupi pamene ena samatero, ndi zina zotero. Pezani zovuta izi mwa kufotokozera mafayilo osasintha a masamba anu.
CSS ndi Kuyika Khalidwe
Choyamba choyamba, yikani chikhalidwe cha zilembo zanu za CSS kuti utf-8 . Ngakhale kuti mwina masamba ambiri omwe mumapanga amalembedwa m'Chingelezi, ena akhoza kukhala am'deralo-amasinthidwa m'zinenero zosiyanasiyana komanso chikhalidwe chawo. Pamene ali, utf-8 amachepetsa njira. Kuyika chikhalidwe chomwe chili mu tsamba lakunja sichidzapita patsogolo pa mutu wa HTTP , koma muzochitika zina zonse, zidzatero.
N'zosavuta kukhazikitsa chikhalidwe. Pakuti mzere woyamba wa zolemba za CSS lemba:
@charset "utf-8";Mwanjira imeneyi, ngati mumagwiritsa ntchito maiko akunja m'magulu okhudzana ndi mayina kapena maina a ID, ndondomekoyi ikugwirabe ntchito molondola.
Kukopa Thupi
Chinthu chotsatira chipepala chosasinthika chikusowa ndi masitaelo kuti awononge mitsinje, mapiri, ndi malire. Izi zimatsimikizira kuti asakatuli onse amaika zomwe zili pamalo omwewo, ndipo palibe malo ena obisika pakati pa osatsegula ndi zomwe zili. Pa masamba ambiri a pawebusaiti, izi ziri pafupi kwambiri pampukutu, koma ndikofunikira kuyambira kumeneko kuti zithunzi zam'mbuyo ndi magawano amagawidwe apangidwe bwino.
html, thupi {margin: 0px; padding: 0px; malire: 0px; }}Ikani malo osasuntha kapena mtundu wa fonti kuti ukhale wakuda ndi mtundu wosasintha wa mzere kuti ukhale woyera. Ngakhale kuti izi zidzasintha pa mapangidwe ambiri a tsamba la webusaiti, kukhala ndi mitundu yeniyeniyi yomwe ilipo pa thupi ndi HTML pamayambiriro imapangitsa kuti tsambalo likhale losavuta kuwerenga ndi kugwira ntchito.
html, thupi {mtundu: # 000; maziko: #fff; }}Zojambula Zosasintha
Kukula kwazithunzi ndi banja lazithunzithunzi ndizomwe zingasinthe kamodzi kamangidwe kamene kamangidwe koma ayambe ndi mawonekedwe osasintha a 1 em ndi banja losasinthika la Arial, Geneva, kapena wina wosasintha. Kugwiritsira ntchito kusunga tsambali kuti likhale lopezekeratu momwe lingathekere, ndipo sera yopanda sansifiti imakhala yovomerezeka pazenera.
html, thupi, p, th, td, li, dd, dt {font: 1em Arial, Helvetica, sans-serif; }}Pakhoza kukhala malo ena kumene mungapeze malemba, koma p , th , td , li , dd , ndi dt ndi chiyambi chabwino chofotokozera malemba oyambira. Phatikizani HTML ndi thupi pokhapokha ngati, koma masakatuli ambiri amaposa zisankho ngati mutangotanthauzira ma fonti anu a HTML kapena thupi.
Mitu
Mitu ya HTML ndi yofunika kugwiritsa ntchito pulogalamu yanu ya intaneti ndikulola injini zofufuzira zilowe mkati mwako. Popanda mafashoni, onsewo ndi oipa kwambiri, choncho ayesetseni mafayilo osasinthika pa iwo onse ndipo afotokoze maonekedwe a banja ndi maonekedwe a maonekedwe a aliyense.
h1, h2, h3, h4, h5, h6 {font-banja: 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.8em; }}Don & # 39; t Kuiwala Li Links
Kujambula mitundu yowonjezera nthawi zonse kumakhala mbali yovuta kwambiri ya mapangidwe, koma ngati simukuwafotokozera muzojambula zosasintha, mwayi ukhoza kuiwala imodzi mwa masukulu osalankhula. Afotokozereni ndi kusintha kochepa pa buluu ndiyeno musinthe iwo mutakhala ndi mtundu wa pepala wa sitetiyi.
Kuti muike ziyanjano mumithunzi ya buluu, yikani:
- zolumikiza ngati buluu
- adayendera maulendo monga buluu lakuda
- Maulendo ozungulira omwe ali ngati buluu
- maulumiki othandizira monga ngakhale akuda buluu
monga momwe tawonera mu chitsanzo ichi:
a: mgwirizano {mtundu: # 00f; } a: anachezera {mtundu: # 009; } a: hover {mtundu: # 06f; } a: yogwira {mtundu: # 0cf; } Pogwiritsa ntchito maulumikizidwe ndi mapulani a mtundu wosasunthika bwino, ndikuonetsetsa kuti sindidzaiwala maphunzilo alionse, komanso amawapangitsa kukhala ochepa pang'ono kuposa omwe sali ofiira, ofiira, ndi ofiira.Tsamba Lathunthu
Pano pali pepala lonse la kalembedwe:
@charset "utf-8"; html, thupi {margin: 0px; padding: 0px; malire: 0px; Mtundu: # 000; maziko: #fff; } html, thupi, p, th, td, li, dd, dt {font: 1em Arial, Helvetica, sans-serif; } h1, h2, h3, h4, h5, h6 {font-banja: 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.8em; } a: link {mtundu: # 00f; } a: anachezera {mtundu: # 009; } a: hover {mtundu: # 06f; } a: yogwira {mtundu: # 0cf; }}