Ozugbo ị malitere ịmepụta webpages na HTML, ị ga-amalite ịrụ ọrụ na ntụgharị. Iji mee ka saịtị gị dị ka ụzọ ịchọrọ ka ọ na-ele anya, o yikarịrị ka ọ na-adaba na mmepụta nke gị ma ọ bụ onye mmepụta nke ọzọ kere, ị ga-achọ ịgbanwe nha ederede na saịtị ahụ, yana ihe ndị ọzọ dị na ibe ahụ. Iji mee nke a, ị nwere ike ịmalite ịchọta mkpado "size" HTML, ma ị ga-achọta ngwa ngwa na ọ na-efu.
Ntinye HTML adịghị adị na HTML. Kama nke ahụ, iji tọọ ọnụego gị, ihe oyiyi ma ọ bụ nhazi ihe ị ga-eji ejiji Stylecading Style. N'ezie, ọhụụ ọ bụla ị ga-achọ iji mee ihe na saịtị ma ọ bụ ihe ọzọ dị mkpa ka CSS ga-edozi! HTML bụ maka ọdịdị naanị.
Aha kachasị mma na mkpado HTML bụ akara ochie ochie, nke n'eziokwu gụnyere ụda àgwà. A dọrọ aka na ntị na mkpado a abanyela na nsụgharị HTML ugbu a ma ghara ịnwe akwado site na ihe nchọgharị na ọdịnihu! Ịchọrọ iji akara tag n'ime HTML gị! Kama nke ahụ, ị ga-amụta CSS iji tụnyere ihe HTML gị ma dezie mkpokọta weebụ gị.
Font Sizes
O doro anya na njirimara bụ ihe kachasị mfe iji tụnyere CSS. Moreso karịa naanị ederede ederede, na CSS ị nwere ike ịmatakwu banyere kọntaktị gị na ebe nrụọrụ weebụ . Ị nwere ike kọwapụta ụdị font, agba, casing, arọ, isi, na ndị ọzọ. Site na mkpado font, naanị ị nwere ike ịkọwa nha, wee bụrụ naanị dịka ọnụọgụgụ nke ntinye ndabara nke nchọgharị dị iche maka onye ọ bụla ahịa.
Iji tọọ paragraf gị iji nwee size size nke 12pt, jiri mpaghara ụdị ihe eji eme ihe:
h3 {font-size = 24px; }Ụdị a ga-edozi ụdị nhazi nke headiing3 ọcha 24 pikselụ. Ịnwere ike itinye nke a na mpempe akwụkwọ mpempe akwụkwọ na saịtị H3 gị niile ga-eji ụdị a.
Ọ bụrụ na ịchọrọ ịgbakwunye ụdị edemede ndị ọzọ na ederede gị, ịnwere ike ịgbakwunye ha na iwu CSS a:
h3 {font-size: 24px; agba: # 000; eme-arọ: nkịtị; }Nke a ga - esiteghị na ntinye ederede maka H3, ọ ga - edozi agba ka nwa (nke bụ ihe koodu hex nke # 000 pụtara) na ọ ga - etinye "arọ" ahụ. Site na ndabara, ihe nchọgharị na-enye isi edemede 1-6 dị ka ederede obi ike, ya mere ụdị a ga-eme ka ndabara ahụ kwụsị ma bụrụ "ederede" n'enweghị nkwuwa okwu.
Oyiyi foto
Foto nwere ike ịghọ aghụghọ iji kọwaa nha n'ihi na ị nwere ike iji ihe nchọgharị ahụ mee ka onyinyo ahụ dịghachi. N'ezie, ichikota ihe oyiyi na ihe nchọgharị ahụ bụ ihe ọjọọ n'ihi na ọ na-eme ka ibe weebụ jiri nwayọọ nwayọọ na-eme ihe na-emekarị ihe na-adịghị mma, na-eme ka ihe oyiyi ahụ dị njọ. Kama nke ahụ, ị ga-eji ngwaọrụ mmemme iji weghachite ihe oyiyi ma dee ederede ha dị na HTML Web gị.
N'adịghị ka ederede, ihe oyiyi nwere ike iji HTML ma ọ bụ CSS kọwaa nha. Ị kọwaa obosara nke onyinyo ahụ na ịdị elu. Mgbe ị na-eji HTML, ị nwere ike nanị kọwaa nha ihu na pikselụ. Ọ bụrụ na ị na-eji CSS, ịnwere ike iji ntụgharị ndị ọzọ gụnyere sentimita asatọ, centimeters, na percentages. Uru ikpeazụ a, percentages, bara ezigbo uru mgbe ihe oyiyi gị dị mkpa ka ọ dị mma, dịka na weebụsaịtị.
Iji kọwapụta ihe oyiyi gị dị ka HTML, jiri ogo dị elu na njirimara nke img tag. Dịka ọmụmaatụ, foto a ga-abụ 400x400 pixels square:
elu = "400" obosara = "400" alt = "oyiyi" />Iji kọwapụta ihe oyiyi gị dị ka CSS, jiri ogo ma ọ bụ njirimara ụdị ihe. Lee otu onyinyo ahụ, jiri CSS kọwaa nha:
ụdị = "elu: 400px; obosara: 400px;" alt = "oyiyi" />Nhazi ihuenyo
Ọnụ ọgụgụ kachasị oke ị kọwapụtara na nhazi bụ obosara, ihe mbụ ị ga-achọ ikpebi ma ị ga-eji nhazi sara mbara ma ọ bụ weebụsaịtị. N'ikwu ya n'ụzọ ọzọ, ị ga-akọwa oke dịka ọnụ ọgụgụ zuru ezu nke pixels, sentimita asatọ, ma ọ bụ isi? Ma ọ bụ, ị ga-edozi obosara gị iji gbanwee site n'iji ụbụrụ ma ọ bụ pasent? Iji kọwaa nha ihuenyo gị, ị na-eji obosara na ịdị elu CSS njirimara dị ka ị ga-ahụ na ihe oyiyi.
Nkịtị a kapịrị ọnụ:
ụdị = "obosara: 600px;">Nnukwu ọnwu mmiri:
ụdị = "obosara: 80%;">Mgbe ị na-ekpebi na obosara maka nhazi ihuenyo gị, ị ga-eburu n'uche ihe dịgasị iche iche nchọgharị nke ndị na-agụ gị nwere ike iji na ngwaọrụ dị iche iche ha ga-eji. Nke a bụ ihe mere weebụsaịtị ndị na-anabata ozi ọma , nke nwere ike ịgbanwe nhazi na nhazi ha dabere na ngwaọrụ dị iche iche na nha ihuenyo, bụ ụkpụrụ kachasị mma taa.