Esi eji CSS mee ka Mepụta Ohere Na-enweghị tebụl

Ebube Na-enweghị Ntube Mepee Nzuzo Imepụta Ọhụrụ

Enwere ọtụtụ ihe mere ị ga eji eji teepu maka nhazi . Otu n'ime ihe ndị na-emekarị ka ndị mmadụ na-enye maka ịnọgide na-eji ha eme ihe bụ n'ihi na ọ na-esiri ike ime nhazi na CSS. Ọ bụ ezie na ederede CSS na-agụnye usoro mmụta, mgbe ị ghọtara otu esi eme atụmatụ CSS, ọ ga-eju gị anya na ọ dị mfe. Ozugbo ị mụtara, ị ga-ekwu okwu nke abụọ kachasị ihe mere ndị mmadụ ji nye maka CSS- "Ọ dị ngwa iji dee tebụl." Ọ bụ ngwa ngwa n'ihi na ị maara tebụl, ma ozugbo ị na-amụta CSS, ị nwere ike ịbụ ngwa ngwa na nke ahụ.

Nkwado Nchọgharị nke Ntọala CSS

A na-akwado ọkwa nke CSS na ihe nchọgharị ọ bụla . Ọ gwụla ma ị na-ewu saịtị maka Netscape 4 ma ọ bụ Internet Explorer 4, ndị na-agụ akwụkwọ gị ekwesịghị inwe nsogbu ọ bụla na-elele ibe weebụ gị CSS.

Ịtụgharị uche otú ị si ewu otu Page

Mgbe ị na-eji tebụl rụọ saịtị, ị ga-eche echiche na ụdị usoro. N'ikwu ya n'ụzọ ọzọ, ị na-eche echiche banyere mkpụrụ ndụ na ahịrị na ogidi. Akwụkwọ Weebụ gị ga-egosipụta usoro a. Mgbe ị na-agagharị na nhazi CSS, ị ga-amalite iche echiche nke ibe gị n'ihe gbasara ọdịnaya ahụ, n'ihi na enwere ike ịdebe ọdịnaya ọ bụla ị ga-achọ na nhazi-ọbụnadị nke dị n'elu ọdịnaya ndị ọzọ.

Ụlọ ọrụ dị iche iche nwere akụkụ dịgasị iche iche. Iji wuo peeji dị irè, nyochaa usoro nke ihe ọ bụla e nyere tupu i kenye ọdịnaya ya. Otu ihe atụ nwere ike ịgụnye akụkụ ise dị iche:

  1. Nkụnye eji isi mee . Home na mgbasa ozi ọkọlọtọ, aha saịtị, njikọta ụzọ, isiokwu aha na yana ihe ndị ọzọ.
  2. Aka nri aka nri . Nke a bụ akụkụ aka nri nke ibe ahụ na igbe ọchụchọ, mgbasa ozi, igbe vidio, na ebe ịzụ ahịa.
  3. Ọdịnaya . Ihe odide nke isiokwu, postetop ma ọ bụ ụlọ ahịa-anụ anụ na poteto nke ibe.
  4. Mgbasa ozi ntinye . Mgbasa mgbasa ozi na-edepụta n'ime ọdịnaya.
  5. Ihe n'okpuru . Igodo ala, ozi ederede, ozi nwebisiinka, mgbasa ozi ọkọlọtọ dị ala, na njikọ ndị metụtara ya.

Kama itinye ihe ise ahụ na tebụl, jiri ihe ịmepụta HTML5 kọwaa akụkụ dị iche iche nke ọdịnaya ahụ, wee jiri ọnọdụ CSS tinye ihe ndị dị na ibe ahụ.

Ịmata Ngalaba Iju Afọ Gị

Mgbe ị kọwachara ebe dị iche iche nke saịtị gị, ịkwesịrị ide ha n'ime HTML gị. Ọ bụ ezie na ị nwere ike, n'ozuzu, tinye mpaghara gị n'usoro ọ bụla, ọ bụ ezi echiche itinye akụkụ dị mkpa nke ibe gị mbụ. Ụzọ a ga-enyere aka na njikwa search-engine, yana.

Iji gosipụta ebe, chee ihu na peeji nke nwere ogidi atọ ma ọ nweghị nkụnye eji isi mee ma ọ bụ n'okpuru ụkwụ. Ị nwere ike iji nhazi ịmepụta ụdị ọ bụla ịchọrọ ịchọrọ.

Maka nhazi nke okpukpu atọ, kọwaa akụkụ atọ: kọlụm ekpe, ogidi aka, na ọdịnaya.

Akụkụ ndị a ga-emezi ngwa ngwa site na iji ihe dị na isiokwu maka ọdịnaya na abụọ Nkebi edemede maka ogidi abụọ ahụ. Ihe niile ga-enwekwa àgwà na-egosipụta ya. Mgbe ị na-eji akara id, ị ghaghị ịnye aha pụrụ iche maka id nke ọ bụla.

Ịhazi Ọdịnaya

Iji CSS, kọwaa ọnọdụ maka ihe ID'd gị. Chekwaa ozi gị dị ka nke a:

#content {

}

Ọdịnaya n'ime ihe ndị a ga-ewere ohere dị ukwuu dịka o nwere ike, ya bụ pasent 100 nke obosara nke ebe ugbu a ma ọ bụ peeji nke. Iji emetụta ọnọdụ nke ngalaba na-enweghị ịdọba ya na mbara obosara, gbanwee mpempe akwa ma ọ bụ akụkụ ndị dị n'akụkụ.

Maka nhazi a, dozie ogidi abua ahu rue obosara obosara ma debe ha n'ozuzu ha, ka ha wee ghara imetuta ha ebe ha no na HTML.

# ederede aka ekpe-
ọnọdụ: zuru;
n'aka ekpe: 0;
obosara: 150px;
oke-aka ekpe: 10px;
oke-n'elu: 20px;
agba: # 000000;
nbudata: 3px;
}
# ederede-nri {
ọnọdụ: zuru;
ekpe: 80%;
n'elu: 20px;
obosara: 140px;
padding-aka ekpe: 10px;
z-index: 3;
agba: # 000000;
nbudata: 3px;
}

Mgbe ahụ maka mpaghara ọdịnaya, debe akụkụ aka nri n'aka nri na aka ekpe ka ọdịnaya ahụ ghara ikpuchi ogidi abụọ ahụ n'èzí.

#content {
n'elu: 0px;
oke: 0px 25% 0 165px;
nbudata: 3px;
agba: # 000000;
}

Ịkọwapụta ibe gị site na iji CSS kama table tebụl na-achọ ntakịrị nkà na ụzụ, mana nkwụnye ụgwọ na-esite na atụmatụ ndị ọzọ na-agbanwe agbanwe ma na-edozi ya ma dịkwuo nhịahụ n'ịme mgbanwe na-agbanwe agbanwe na ibe gị mgbe e mesịrị.