Mee Ntọala Fancy na CSS

Jiri Mpempe akwụkwọ, Okirikiri, na Images iji Mee Ihe E Ji Mara Mma

A na-ahụkarị akụkọ na ọtụtụ ibe weebụ. N'ezie, ọmarịcha ihe ọ bụla ederede ederede nwere ọ dịkarịa ala otu isiokwu ka i wee mara aha nke ihe ị na-agụ. A na-ejikọ ihe odide ndị a site na iji ihe edemede HTML - h1, h2, h3, h4, h5, na h6.

Na saịtị ụfọdụ, ịnwere ike ịhụ na ejiri koodu ndị ahụ eme ihe n'enweghị iji ihe ndị a. Kama nke ahụ, isiokwu nwere ike iji paragraf na àgwà ndị ọzọ akọwapụtara na ha, ma ọ bụ nkewa na ndị ọrụ klas. Ihe mere m na-anụkarị banyere omume a na-ezighị ezi bụ na onye mmepụta "adịghị amasị ụzọ isi na-ele anya." Site na ndabara, a na-egosipụta isi ya n'atụghị egwu ma ha buru ibu karị, karịsịa h1 na h2 ndị na-egosipụta na nha ụda buru ibu karia nke fọdụrụ ederede nke ibe. Buru n'uche na nke a bụ naanị ọdịda ndabara nke ihe ndị a! Na CSS, ị nwere ike ịme ka ọ bụrụ na ị chọrọ! I nwere ike igbanwe size font, wepụ obi ike, na ọtụtụ ihe ọzọ. Isi isiokwu bụ ụzọ kwesịrị ekwesị iji wepụta ihe odide nke ibe. Lee ụfọdụ ihe kpatara ya.

Ihe mere eji eji isi isiokwu akpọrọ ihe karịa mpịakọta na ịme ihe

Search Engines Dị ka n'itinye Tags


Nke a bụ ihe kacha mma iji mee ihe, jiri ha mee ihe ziri ezi (ntụgharị h1, h2, h3, wdg). Nchọpụta ọchụchọ na-enye ihe kachasị elu na ederede gụnyere na mkpado mkpado n'ihi na enwere uru dị na ederede ahụ. N'ikwu ya n'ụzọ ọzọ, site na ịdebanye aha aha gị H1, ị na - agwa ududo ududo search ahụ na nke ahụ bụ ntụgharị 1 1. H2 isi nwere # 2 mesiri ike, na na.

I kwesiri icheta klaasị ndị i ji mee ihe iji kọwaa ihe ndetu gi

Mgbe ị maara na niile Web peeji nke ga-enwe H1 nke bụ obi ike, 2em, na odo, mgbe ahụ, ị ​​nwere ike kọwapụta na otu n'ime ụdị ụzọ gị ma mee. Ọnwa isii mgbe e mesịrị, mgbe ị na-agbakwunye ibe ọzọ, ị na-agbakwunye aha H1 ruo n'elu nke ibe gị, ị gaghị agaghachi na ibe ndị ọzọ iji chọpụta ụdị ID ma ọ bụ klas ị na-eji kọwaa isi isi na isi-isi.

Ha Na-enye Ihe Odide Dị Ike

Atụmatụ mere ka ederede dị mfe ịgụ. Ọ bụ ya mere ọtụtụ ụlọ akwụkwọ ndị America ji kụziere ụmụ akwụkwọ ka ha dee ihe edere tupu ha edee akwụkwọ. Mgbe ị na-eji mkpado aha na nhazi usoro, ederede gị nwere usoro doro anya nke na-apụta ngwa ngwa. Ọzọkwa, e nwere ngwá ọrụ ndị nwere ike nyochaa ndepụta nke ibe iji nye nkọwa zuru ezu, ndị a na-adabere na mkpado isiokwu maka usoro mmepụta ihe.

Page gị ga-eme ka ọbụna ihe na-agbanwe agbanwe

Ọ bụghị onye ọ bụla nwere ike ịlele ma ọ bụ jiri ejiji ụdị (nke a na-alọghachi na # 1 - search engines ele ọdịnaya (ederede) nke ibe gị, ọ bụghị ụdị ejiji). Ọ bụrụ na i jiri akụrụngwa mkpado, ị na-eme ka ibe gị nwee ike ịnweta n'ihi na isiokwu ndị ahụ na-enye ozi na aha DIV agaghị.

Ọ na-enye aka maka ndị na-agụpụta ihuenyo na Ịntanetị Ịntanetị

Izi edemede nke ọma na-emepụta usoro ziri ezi na akwụkwọ. Nke a bụ ihe ndị na-agụ akwụkwọ ihuenyo ga-eji "na-agụ" saịtị na onye ọrụ nwere nsogbu nhụcha, na-eme ka saịtị gị nwee ike ịnweta ndị nwere nkwarụ.

Ederede Ederede na Font nke Akụkọ Gị

Ụzọ kachasị mfe iji pụọ na nsogbu "nnukwu, obi ike, na nke jọrọ njọ" nke mkpado aha bụ ịke ederede otú ị chọrọ ka ha lee anya. N'eziokwu, mgbe m na-arụ ọrụ na ebe nrụọrụ weebụ ọhụrụ, m na-edekarị paragraf, h1, h2, na h3 n'ụdị ihe mbụ. Ana m ejikarị aka na ezinaụlọ dị ọcha na ibu / arọ. Dịka ọmụmaatụ, nke a nwere ike ịbụ akwụkwọ mpempe akwụkwọ mbido maka saịtị ọhụrụ (ndị a bụ naanị ụfọdụ ụdị ụdị eji eme ihe):

ahu, html {oke: 0; Na-akwagharị: 0; } p {font: 1em Arial, Geneva, Helvetica, sans-serif; } h1 {font: obi ike 2em "Oge New Roman", Times, serif; } h2 {font: obi ike 1.5em "Oge New Roman", Times, serif; } h3 {font: obi ike 1.2em Arial, Geneva, Helvetica, sans-serif; }

Ị nwere ike igbanwe mkpụrụ edemede nke isiokwu gị ma ọ bụ gbanwee ụdị ederede ma ọ bụ ederede ederede . Ihe ndị a nile ga-eme ka isi okwu gị "jọrọ njọ" ghọọ ihe dị egwu ma na-ejikọta na imewe gị.

h1 {font: ike italic 2em / 1em "Oge New Roman", "MS Serif", "New York", serif; oke: 0; Na-akwagharị: 0; agba: # e7ce00; }

Uzo nwere ike igbakwunye ihe ekwuru

Uzo bu ụzọ buru ibu iji meziwanye ndetu gi. Na ala dị mfe ịgbakwunye. Ma echefula iji nweta ala na ala - ịkwesighi ịma ókè n'akụkụ nke ọ bụla nke isiokwu gị. Ma ị nwere ike iji ihe karịrị naanị ala na-agwụ ike.

h1 {font: ike italic 2em / 1em "Oge New Roman", "MS Serif", "New York", serif; oke: 0; Na-akwagharị: 0; agba: # e7ce00; ókè-elu: siri ike # e7ce00 ọkara; ala ala-ala: ihe nkedo # e7ce00 mkpa; obosara: 600px; }

M tinyere agbakwunye na elu ala ruo isi ihe ntinye m iji gosipụta ụdị ejiji anya. Ịnwere ike ịgbakwunye ókèala n'ụzọ ọ bụla ị chọrọ iji nweta ụdị ịmepụta ịchọrọ.

Gbakwunye foto ihe odide na akụkọ gị maka Ọbụna Pizazz

Ọtụtụ ebe nrụọrụ weebụ nwere ngalaba nkụnye eji isi mee n'elu nke ibe ahụ nke na-agụnye isi ihe - ọ bụ isiokwu nchịkọta akụkọ na njirimara. Ọtụtụ ndị na-emepụta na-eche na nke a dịka ihe abụọ dị iche iche, ma ịkwesighi. Ọ bụrụ na ihe ngosi ahụ dị naanị iji mee ka isi isiokwu ahụ dị mma, gịnị mere ị ga-eji tinye ya n'ụdị edemede?

h1 {font: obi ike 3em / 1em "Oge New Roman", "MS Serif", "New York", serif; ndabere: #fff url ("fancyheadline.jpg") ikwughachi-x ala; Na-eme ihe ntanye: 0.5em 0 90px 0; ntinye ederede: etiti; oke: 0; ala-ala: siri ike # e7ce00 0.25m; agba: # e7ce00; }

Ihe a na-eme na isi ihe a bụ na amaara m na ihe oyiyi m dị 90 pixels ogologo. Ya mere, agbakwunyere m ihe mgbochi na ala nke isi 90px (padding: 0.5 0 90px 0p;). Ị nwere ike igwu egwu n'akụkụ akụkụ, akara ogologo, na mgbochi iji nweta ederede nke isiokwu iji gosi kpọmkwem ebe ịchọrọ ya.

Otu ihe icheta mgbe ị na-eji ihe oyiyi eme ihe bụ na ọ bụrụ na ịnwe weebụsaịtị (nke ị kwesịrị) iji nyochaa nke gbanwere na nha ihu na ntanetị, ị ga - abụ otu nha. Ọ bụrụ na ịchọrọ isi okwu gị iji buru oke, nke a nwere ike ịkpata nsogbu. Ọ bụ otu n'ime ihe ndị mere m na-ejikarị zere onyinyo ihe osise dị na isiokwu, dị ka ọ dị mma dị ka ha nwere ike mgbe ụfọdụ.

Ndogharị foto na ndepụta

Nke a bụ usoro ọzọ a na-ewu ewu maka ndị na-emepụta weebụ maka na ọ na-enye gị ohere ịmepụta ihe osise na-edozi ihe ederede nke isiokwu isiokwu ahụ. Nke a bụ eziokwu na ihe eji eme ihe site na ndị na-emepụta weebụ nwere ike ịnweta ederede ole na ole ma choro iji fon dị iche iche na-arụ ọrụ ha. Nbuli nke amaokwu weebụ agbanweela n'ezie otú ndị na-emepụta ihe na-eme njem na saịtị. Enwere ike ịhazi ndetu ugbu a na ụdị ụdị dị iche iche na ihe oyiyi na ederede agbakwunyere. Dị ka nke a, ị ga-ahụ CSS oyiyi na-anọchi anya maka akụkọ na saịtị ndị toro eto na-emetụbeghị emelite ka ọ dị ugbu a.

Ihe mbụ nke Jennifer Krynin dere. Edited by Jeremy Girard na 9/6/17