Mara Ngwa Akpụkpọ anụ na-akpata akpụkpọ anụ na Nke a CSS Cheat Sheet

Nchịkọta nke Na-emepụta Mpempe akwụkwọ Mpempe akwụkwọ na Ngwa Mpempe akwụkwọ

Mgbe ị na-emepụta ebe nrụọrụ weebụ site na ncha, ọ bụ ihe amamihe ịmalite na ụdị ndị a kọwara. Ọ dị ka ịmalite na ịcha akwa dị ọcha na brushes ọhụrụ. Otu n'ime nsogbu mbụ ndị webers na-eche ihu bụ na ihe nchọgharị weebụ dị iche iche. Ụdị nhọta ndabara dị iche site na ikpo okwu na n'elu ikpo okwu, ezinụlọ dị na ndabara dị iche, ụfọdụ ndị nchọgharị kọwaa akụkụ na mpempe akwụkwọ na mkpado ahụ mgbe ndị ọzọ adịghị, na na. Gaa gburugburu ebe ndị a site na ịkọwa ụdị ejiji maka ibe weebụ gị.

CSS na Ntọala Character

Ihe mbụ na mbụ, debe ihe odide nke akwụkwọ CSS gị gaa na -8 . Ọ bụ ezie na ọ ga-abụ na edere ọtụtụ n'ime ibe ịdere na Bekee, ụfọdụ nwere ike ịchọta ya-gbanwee maka asụsụ dị iche iche na omenala dị iche iche. Mgbe ha dị, akwụkwọ-8 na-eme ka usoro ahụ dị mfe. Ịtọpụta ihe edepụtara na mpempe akwụkwọ mpempe akwụkwọ agaghị ebu ụzọ karịa onyeisi nkụzi HTTP , mana na ọnọdụ ndị ọzọ niile, ọ ga-eme.

Ọ dị mfe ịtọ ntọala agwa. Maka akara nke mbụ nke CSS akwụkwọ dee:

@charset "utf-8";

N'ụzọ dị otú a, ọ bụrụ na ị na-eji ihe odide mba na ihe onwunwe ma ọ bụ dị ka klas na aha ID, akwụkwọ mpempe akwụkwọ ga-arụ ọrụ nke ọma.

Na-emegharị Ụdị Page nke

Ihe na-esote bụ ihe dị mkpa maka ụdị mpempe akwụkwọ na-emeghị ka ọ bụrụ ihe dị iche iche na-emeghị ka ọ bụrụ ihe na-adịghị mma. Nke a jide n'aka na ihe nchọgharị niile na-etinye ọdịnaya ahụ n'otu ebe ahụ, ọ dịghịkwa ebe zoro ezo n'etiti nchọgharị na ọdịnaya. Maka ọtụtụ ibe weebụ, nke a dị oke nso maka ederede, mana ọ dị mkpa ka ịmalite n'ebe ahụ ka e wee nwee ike ịmepụta ihe oyiyi ndabere na nkewapụta nke ọma.

html, akụkụ anụ ahụ: 0px; na-eme akwa: 0px; ókè: 0px; }

Tọọ ndabara ihu ma ọ bụ ụcha njirimara ka nwa ojii na ndabara ndabere na-acha ọcha. Ọ bụ ezie na nke a ga-agbanwe na ọtụtụ ntanetị weebụ, inwe ụdị àgwà ndị a na-edozi ahụ na mkpado HTML na mbụ na-eme ka akwụkwọ a dị mfe ịgụ ma rụọ ọrụ.

html, ahụ {agba: # 000; ndabere: #fff; }

Ntọala Ụdị Nhọrọ

Ụdị ụda na ezinaụlọ a bụ ihe ga-agbanwe agbanwe mgbe a na-ejide ya ma jiri mmalite emetụ emetụ 1 em na ndabara ndabara na Arial, Geneva, ma ọ bụ ụfọdụ ederede enweghị-serif. Iji ems na-edebe peeji nke dị ka o kwere omume, ma akara ederede na-enweghị ihe ọzọ dị na ihuenyo.

html, ahu, p, th, td, li, dd, dt {font: 1em Arial, Helvetica, sans-serif; }

Enwere ike ịnwe ebe ndị ọzọ ị nwere ike ịchọta ederede, ma p , th , td , li , dd , na dt bụ mmalite dị mma maka ịkọwa fon ntọala. Gụnye HTML na ahụ dịka ikpebi, ma ọtụtụ ndị na-eme nchọgharị na-ekpochapụ nhọrọ nhọrọ ahụ ma ọ bụrụ na ị kọwaa njirimara gị maka HTML ma ọ bụ ahụ.

Akụkọ

Edere HTML dị mkpa iji jiri aka nhazi saịtị gị ma kwe ka engines ọchụchọ banyekwuo na saịtị gị. Na-enweghị ụdị, ha niile bụ ihe jọgburu onwe ya, ya mere ha na-edozi ụdị ejiji na ha niile ma kọwaa ndị uwe ojii na ụdị nha maka nke ọ bụla.

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.9m; } h6 {font-size: 0.8m; }

Don & Nbsp; Wepụ Njikọ

Ntughari njikọ njikọ ahụ bụ ihe fọrọ nke nta ka ọ bụrụ akụkụ dị oke mkpa nke imewe ahụ, ma ọ bụrụ na ị kọwaghị ha n'ụdị na-adịghị mma, ọ ga-abụ na ị ga-echezọ otu ọ bụla n'ime pseudo-classes. Kọwaa ha obere obere mgbanwe na-acha anụnụ anụnụ ma gbanwee ha ozugbo ị nwere palette agba maka saịtị akọwapụtara.

Ka ịtọ njikọ na ndò nke acha anụnụ anụnụ, debe:

dị ka e gosiri na ihe atụ a:

a: njikọ {agba: # 00f; } a: gara {agba: # 009; } a: hover {agba: # 06f; } a: arụ ọrụ {agba: # 0cf; } Site na imeghari njikọ ya na atụmatụ ntutu nke ọma na-eme ka o doo m anya na agaghị m echefu otu klas, ma mee ka ha dị ntakịrị karịa ụda na-acha anụnụ anụnụ, ọbara ọbara, na odo odo.

Akwụkwọ Mpempe akwụkwọ zuru ezu

Nke a bụ akwụkwọ mpempe akwụkwọ zuru ezu:

@charset "utf-8"; html, akụkụ anụ ahụ: 0px; na-eme akwa: 0px; ókè: 0px; agba: # 000; ndabere: #fff; } html, ahu, 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.9m; } h6 {font-size: 0.8m; } a: njikọ {agba: # 00f; } a: gara {agba: # 009; } a: hover {agba: # 06f; } a: arụ ọrụ {agba: # 0cf; }