Jiri eziokwu ndị a nweta eziokwu
Ihe nchọgharị weebụ niile gụnyere ihe a maara dịka "ụdị aghụghọ." Ụdị ndị a bụ ụdị nke na-ekpebi ọdịdị na mmetụta nke ihe HTML mgbe enweghị ozi ọ bụla ọzọ. Dịka ọmụmaatụ, n'ihe fọrọ nke nta ka ọ bụrụ ihe nchọgharị ọ bụla, nlele anya nke hyperlinks bụ agba anụnụ anụnụ na-egosi. Nke a bụ otú ndị njikọ ahụ si ele anya ma ọ bụrụ na ị gwa ha ka ha gosipụta n'ụzọ dị iche.
Ụdị ihe nchọgharị nwere ike inye aka, ma n'ọtụtụ oge, ndị na-eme weebụ na-achọ iwepu ụdịdị ndị a ka ha wee nwee ike ịmalite n'ụdị na ha bụ 100% na njikwa. A na-eme nke a site na iji ihe a maara dịka "ọkpụkpọ ejiji."
Ụdị n'ụdị dị mma kwesịrị ịbụ ụzọ mbụ ị na-akpọ na akwụkwọ gị niile. Ị na-eji ụdị ụzọ eji eme ihe iji kpochapụ ihe nchọgharị mwube nke nwere ike ịkpata nsogbu na ihe nchọgharị weebụ. Ozugbo i kpochapụrụ ụdị ndị ahụ na ụdị ụzọ dị mma, imewe gị na-amalite site n'otu ebe ahụ na ihe nchọgharị niile - dịka ákwà akwa dị ọcha maka eserese.
Mkparịta ụka ụwa
Ụdị ụdị ejiji gị kwesịrị ịmalite site na ịpịpụta ala, n'akụkụ ọnụ na ala na ibe. Ụfọdụ ihe nchọgharị weebụ na-eme ka akụkụ nke akwụkwọ ahụ gaa na 1 ma ọ bụ 2 pikselụ si na ntanetị ihe nchọgharị. Nke a jide n'aka na ha nile gosipụtara otu ihe ahụ:
html, akụkụ anụ ahụ: 0px; na-eme akwa: 0px; ókè: 0px; }Ịchọrọ ịmepụta akara ngosi ahụ. Jide n'aka na ị ga-edezi ụdị ntinye na pasent 100 maọbụ 1m, nke mere na ibe gị nwere ike ịnweta, ma ọnụ ọgụgụ ahụ ka na-agbanwe agbanwe. Jide n'aka na ị ga-agụnye akara elu.
body {font: 1em / 1.25 Arial, Helvetica, sans-serif; }Nkọwapụta isiokwu
Isi akụkọ ma ọ bụ mkpado nkụnye eji isi mee (H1, H2, H3, wdg) dịka ndabara na ederede obi ike na akụkụ ukwu ma ọ bụ na-akwagharị gburugburu ha. Site na ihichapu ibu, akụkụ na mgbochi, ị kwadoro na mkpado ndị a ka na-ebu ibu (ma ọ bụ karịa) karịa ederede gburugburu ha n'ebughị ụzọ ọzọ:
h1, h2, h3, h4, h5, h6 {oke: 0; Na-akwagharị: 0; eme-arọ: nkịtị; eme-ezinụlọ: Arial, Helvetica, sans-serif; }Ị nwere ike ịchọrọ ịtụle nhazi nke oke, ntinye akwụkwọ na nkedo na mkpado mkpado gị, ma nke ahụ dabere na ụdị nke saịtị ị na-emepụta, a ga-ahapụkwa ya na mpempe akwụkwọ. Ịnwere ike ịgbakwunye ụdị ndị ọzọ maka isiokwu ndị a dị mkpa maka nkwekọrịta gị.
Nkọwa ederede
N'okwu ndị ọzọ, e nwere mkpado ederede ndị ọzọ na ị ga - ejide n'aka na ị ga - ehichapụ. Otu setịpụrụ na ndị mmadụ na-echefu mgbe niile bụ mkpado mkpado table (TH na TD) na -emepụta mkpado (SELECT, TEXTAREA na INPUT). Ọ bụrụ na i tinyeghị ndị ahụ n'otu aka ahụ dị ka akụkụ ahụ gị na ederede paragraf, ọ nwere ike ịju gị anya na ihe nchọgharị na-enye ha.
p, th, td, li, dd, dt, ul, ol, blockquote, q, acronym, abbr, a, input, select, textarea {ala: 0; Na-akwagharị: 0; eme: normal normal normal 1em / 1.25 Arial, Helvetica, sans-serif; }Ọ dịkwa mma ikwu ihe ị na-ekwu (BLOCKQUOTE na Q), acronyms, na abbreviations ntakịrị ụdị ọzọ, nke mere na ha na-apụta ọzọ:
blockquote {oke: 1.25; padding: 1.25m} q {font-style: italic; } acronym, abbr {cursor: enyemaka; ala ala: 1px dashed; }Njikọ na Images
Njikọ dị mfe iji jikwaa ma gbanwee site na ederede a na-acha anụnụ anụnụ. Ọ na-amasị m ka enwere njikọ m mgbe niile, ma ọ bụrụ na ịchọrọ ya n'ụzọ dị iche ị nwere ike ịtọ nhọrọ ndị a iche iche. Anaghị m agụnye agba na ụdị mpempe akwụkwọ, n'ihi na dabere na imewe ahụ.
a, a: njikọ, a: gara, a: arụ ọrụ, a: hover {akwụkwọ-mma: gosi; }Na ihe oyiyi, ọ dị mkpa ka ị gbanyụọ ala. Ọ bụ ezie na ọtụtụ ihe nchọgharị anaghị egosipụta ókè gburugburu ihe oyiyi dị larịị, mgbe oyiyi ahụ jikọtara ya, ihe nchọgharị na-agbanye ókè. Iji dozie nke a:
img ~ ókè: onye ọ bụla; }Tebụl
Ọ bụ ezie na a naghịzi eji tebụl eme ihe maka atụmatụ nchịkọta, saịtị gị nwere ike iji ha maka data ekwesịrị. Nke a bụ ihe dị mma iji tebụl HTML. Anyị emeelarịrị hụ na ederede ederede bụ otu maka mkpụrụ ndụ okpokoro gị, ma e nwere ụzọ ndị ọzọ ị ga-esi edozi ka tebụl gị dịrị n'otu:
okpokoro okpokoro: 0; Na-akwagharị: 0; ókè-ala: ọ dighi; }Ụdị
Dị ka ihe ndị ọzọ, ị ga-ehichapụ akụkụ ma ọ bụ nkedo na ụdị gị. Ihe ọzọ m ga - achọ ime bụ degharịa akwụkwọ mkpado dị ka " inline " ka ọ ghara itinye ohere ọzọ ebe ị na-etinye mkpado na koodu ahụ. Dị ka ihe ederede ndị ọzọ, akọwapụtara m ozi njirimara maka nhọrọ, textarea na ọsọ ọsọ n'elu, nke mere na ọ bụ otu ihe ahụ dị ka ederede m.
ụdị edemede: 0; Na-akwagharị: 0; igosi: inline; }Ọ bụkwa ezigbo echiche ịgbanwe cursor maka aha gị. Nke a na-enyere ndị mmadụ aka ịhụ na labeelu ahụ ga-eme ihe mgbe ha kụrụ ya.
aha labeling: pointer; }Kwa Ụbọchị
Maka akụkụ a nke ụdị ụzọ nnabata ahụ, ị ga-akọwa klas ndị nwere uche gị. Ndị a bụ ụfọdụ n'ime klaasị m na-ejikarị eme ihe. Rịba ama na ha anaghị etinye aka na ihe ọbụla, n'ihi ya ị nwere ike inye ha ihe ọ bụla ị chọrọ:
.clock [doro anya: ma; } .floatLeft {na-ese n'elu: n'aka ekpe; } .floatRight {na-ese n'elu: nri; } .textLeft {ederede-ndokwa: aka ekpe; } .textRight {ederede-ndokwa: nri; } .textCenter {ederede-ndokwa: etiti; } .textJustify {ederede-mmezi: ziri ezi; } .blockCenter {ngosi: ngọngọ; oke-aka ekpe: akpaaka; oke-nri: akpaaka; } / * cheta iji mee ka obosara * / .bold {font-weight: bold; } .italic {font-style: italic; } .debe ihe ederede: ichoro ihe edere; } .inweghi oke [oke-aka ekpe: 0; padding-aka ekpe: 0; } .nadika mpaghara: 0; } .nopadding {na mpe akwa: 0; } .nobullet {ndepụta ndepụta: ọ dịghị; ụdị ndepụta-ndepụta: ọ dịghị; }Cheta na ebe a na-ede akwụkwọ ndị a tupu ụzọ ọ bụla ọzọ na ha dịka klas, ha na-adị mfe iji ihe ndị ọzọ akọwapụtara na-eme mgbe e mesịrị na mmiri . Ọ bụrụ na ịchọta na ị setịpụrụ otu klas na ihe mmewere ma ọ dịghị emetụta ya, ị ga-elele iji jide n'aka na ọ dịghị ụzọ ọ bụla ọzọ n'ime ụdị akpaaka gị ndị na-emetụta otu ihe ahụ.
Ezigbo Master Stylesheet
/ * Defaults Global / / html, akụkụ ahụ {0: 0px; na-eme akwa: 0px; ókè: 0px; } body {font: 1em / 1.25 Arial, Helvetica, sans-serif; } / * Nkọwa * / h1, h2, h3, h4, h5, h6 {oke: 0; Na-akwagharị: 0; eme-arọ: nkịtị; eme-ezinụlọ: Arial, Helvetica, sans-serif; } / * Ederede ederede * / p, th, td, li, dd, dt, ul, ol, blockquote, q, acronym, abbr, a, input, select, textarea {oke: 0; Na-akwagharị: 0; eme: normal normal normal 1em / 1.25 Arial, Helvetica, sans-serif; } na-emechi ihe dị oke: 1.25; padding: 1.25m} q {font-style: italic; } acronym, abbr {cursor: enyemaka; ala ala: 1px dashed; } obere {font-size: .85em; } ukwu {font-size: 1.2em; } / * Njikọ na Images * / a, a: njikọ, a: gara, a: arụ ọrụ, a: hover {ederede-mma: ndepụta; } img ókè: onye ọ bụla; } / * Tebụl * / tebụl {oke: 0; Na-akwagharị: 0; ókè-ala: ọ dighi; } / * Ụdị * / ụdị {oke: 0; Na-akwagharị: 0; igosi: inline; } label {cursor: pointer; } / * Klaasị Ndị Kasị Elu * / .clear [doro anya: ma; } .floatLeft {na-ese n'elu: n'aka ekpe; } .floatRight {na-ese n'elu: nri; } .textLeft {ederede-ndokwa: aka ekpe; } .textRight {ederede-ndokwa: nri; } .textCenter {ederede-ndokwa: etiti; } .textJustify {ederede-mmezi: ziri ezi; } .blockCenter {ngosi: ngọngọ; oke-aka ekpe: akpaaka; oke-nri: akpaaka; } / * cheta iji mee ka obosara * / .bold {font-weight: bold; } .italic {font-style: italic; } .debe ihe ederede: ichoro ihe edere; } .inweghi oke [oke-aka ekpe: 0; padding-aka ekpe: 0; } .nadika mpaghara: 0; } .nopadding {na mpe akwa: 0; } .nobullet {ndepụta ndepụta: ọ dịghị; ụdị ndepụta-ndepụta: ọ dịghị; }Ihe mbụ nke Jennifer Krynin dere. Edited by Jeremy Girard na 10/6/17