CSS: font agba, style, ụkpụrụ, size

Programming - n'enyo: na mbu ka okwu, na bụghị gosipụtara azụ. Na ngwa ngwa ọ aghaghị "mgbanwe": akpa mirror, mgbe ahụ, okwu ... N'oge a, cascading style mpempe akwụkwọ - na-ezi ihe, ma ihe mere otú ahụ ogologo oge ya na-aga na-emetụta a Mmepụta? CSS - na ọ bụ ihe niile ahụ n'usoro ugboro oge nke ihe omume kọmputa, ma naanị na a dị iche iche anya. Ọbụna mgbe mmadụ na-associative mgbanwe na-adịghị mere.

website page - ya Tags HTML-nkè, nke nwere ike ekewet a ụfọdụ style ma ọ bụ style klas nchọpụta. The mbụ nwere ike kọwaa otu ugboro ma na-ekwu na ihe ọ bụla mkpa nke ukwuu oge, na nke abụọ bụ nke a akpan akpan mmewere.

The n'ozuzu mgbagha nke nkọwa nke ekwekọghị

Ọdịnala, ẹbọ na-enịm ke CSS-faịlụ, ma nwere ike ekewet a akpan akpan mmewere ya style àgwà. The style nwere ike kere na Ọnọdụ nke JavaScript ngwaọrụ. Of otu dị mkpa na-adịghị dị ka a kọwara ihe atụ, site n'ọnụ CSS agba font, ya size, na ekweisi, ndabere n'okpuru ya na na. Location nkọwa style dị mkpa na onodu nke, na-emekarị abụọ echiche: na mgbe e mesịrị kọwara, n'ihi ya, ọ bụ a elu mkpa, na ọ bụrụ na a kọwara na mmewere, ọ na-eme dị mkpa !. Ikpeazụ e dekọrọ dị ka ọ bụ, o doro anya na-akọwa mkpa.

Gbasoo style ka ihe atụ, a na-font agba mgbanwe agba, nwere ike ịbụ na ebe ọ bụla na ihe ọ bụla. Ajụjụ bụ ga-eme eme ya na a nchọgharị n'oge disassembly nke niile ekwekọghị ọnụ. Olee otú ọ na-eji nke a CPU?

N'eziokwu, font agba kwesịrị gosiri naanị otu ugboro - na ọ bụ a kpochapụwo. Eche ka a dị mfe nkọwa nke a di na nwunye, na mgbe ọzọ na ọzọ ... N'ezie, ị nwere ike. Ọ bụ fashionable, ma ndị bara uru.

GOSIRI general mgbagha

Nnọọ nanị kpebisiri ike site CSS agba maka niile atọ ọcha, ọ bụ omume na-na-dịkarịa ala atọ na ogologo-agba ọsọ nsogbu:

# Ele1, # Ele2, # Ele3 {
Onodu: zuru;
ekpe: 20px;
n'elu: 14px;
agba: red;
}

# Ele2, # Ele3 {
ekpe: 90px; // ịgbanwe CSS kwụ achịkọta
agba: odo; // agbanwe agba nke font CSS
}

# Ele3 {
n'elu: 114px; // ịgbanwe CSS vetikal ahazi

agba: green; // otu ugboro ọzọ na-agbanwe agba nke font CSS

ndabere-agba: lightgrey; // CSS ederede isi agba gbanwere, ma nke a abụghị ugbu ke # Ele1 na # Ele2; ọnọdụ na-gbanwere, ma ọ agbanweela na # Ele2 na, dị ka ebe a

}

Ugbu a, anyị ga-echeta na ndị a niile atọ ọcha na a kọwara ebe, na ihe omume nke a mgbanwe nke na agba oyiyi nke saịtị nwe, Mmepụta ga-echeta ọ bụghị nanị banyere ndị na agba, kamakwa banyere ndị hapụrụ iwu na top, na ọbụna ịgbanwe ihe pụtara ìhè na agba nke ederede kwesịrị agaghị echefu echefu.

Ọ bụghị ihe niile mmepe na-asọpụrụ chọrọ CSS: Style ID - nanị otu mmewere, na klas style - ọtụtụ tags, e wezụga ikpeazụ o nwere ike mgbe na tags ka adjectives:

• ịtọ font agba na CSS - style groundColor klas;
• -ezipụta na font size - klas size15;
• set ọnọdụ - klas PlaceUp.

Kwesịrị ịdị, na ojiji nke nchọpụta, karịsịa mgbe ha si n'otu marking mmewere, n'elu iri style na klas, na-ese dị iche iche ihe n'ịgwa nke ọtụtụ narị page ọcha. Ma, ihe niile nwere ya ebumnobi mgbagha.

The Mmepụta nanị ga n'ụzọ ziri ezi-gaa na akaụntụ: ọbụna ma ọ bụrụ na font agba nke HTML, CSS awade na-akọwa ike, mgbanwe nke mkpokọta Ọdịdị nke ahụ kọwaa - na ọ bụ ọrụ ya.

The na-atụ anya n'ihi iji nkịtị mgbagha

Modern nchọgharị na-ala na a otutu style faịlụ na mpịakọta. Otú ọ dị, emebe, akpan akpan site CSS, agba dum page, ị kwesịrị ị na-eche echiche nke ezi uche ojuju. Ọ bụghị ihe niile style iwu "cheap" anya na ngwa. Simple laconic ntinye: * {agba: na-acha ọcha;} - na-mara mma, ma ọ na-emetụta ihe nile ọcha nke na peeji nke, na-enweghị isịneke.

Of niile iwu, nke a kwadebere n'ụzọ na CSS, ihe ndị kasị mkpa:

• style - klas, mgbe ahụ, aha na-amalite na, "."
• style - nchọpụta na aha ya na-amalite na a "#" agwa;
• na n'ọnọdụ ndị ọzọ - a aha mkpado ma ọ bụ ihe pụrụ iche

The fọdụrụ akụkụ nke nkọwa echiche Styles (nketa Njirimara yitewere, na-ebute ụzọ, ọnọdụ, iji na dị ka. D.) ga-eji amamihe na dị mkpa n'ezie.

The nchọgharị mgbe niile na-atụ uche, anaghị eme ka ndị dị na nkọwa, nke mere na pụrụ iche ịtụnanya agaghị. Ọ bụrụ na ihe ahụ abụghị na-nri ebe ma ọ bụ ka font agba na CSS bụ ekwe omume, ya mere, ke ẹbọ nke njehie.

atụghị anya ohere

Ekwesịghị emegbu ekwekọghị dị ka * {ekpe: 124px; } ma ọ bụ

Ol Ol, Ol ul, ul ul, ul Ol {oke-ala: 0; }
a img {ókè-ala: 0; }

Ọ bụ ezie na ọ bụ ike ime ka ọbụna a novice Mmepụta iji CSS iwu ka ha bu. Always na mmepe nke saịtị ọ bụla, ọbụna n'ụzọ zuru okè mfe CSS syntax enye atụghị anya nsogbu. Otú ọ dị, ọ bụrụ na kpọmkwem mgbalị ziri ezi na ojiji nke syntax, ma na-etinye JavaScript arụmọrụ bụ ọhụrụ na-atụghị anya ohere ga-ezere na-agbụ agbụ ike nchọpụta maka onye ọ bụla mmewere, ma ọ bụ nyochaa ojiji nke dịgasị iche iche nke ekwekọghị na klaasị.

CSS - bụghị naanị a style faịlụ na na jikọọ na page site na njikọ mkpado ma ọ bụ etinyere n'ime ya site na style mkpado. Ọ bụkwa ekwe omume ike a style na ada ma ọ bụ gbanwee ihe ẹdude otu.

Site na iji CSS, ndị font agba nwere ike mere programmatically. Nakwa dị ka size na ọnọdụ, n'akụkụ peeji. Weebụsaịtị - bụghị a mgbaru ọsọ-etinye ihe ọmụma na CSS, HTML, PHP ma ọ bụ JavaScript mmetụta flash.

Web akụ - bụ nke mbụ n'ime ihe niile ozi nyere na a ụfọdụ ụzọ. Ọ bụ ya mere CSS na-kacha mma hụrụ na Ọnọdụ site na oghere nke otú ọ bụ omume na-etolite, mgbe page ka na server (ọ bụghị dị PHP mgbe saịtị esenowo bịara, ọ bụghị Mmepụta n'oge mgbe ọ na-emepe emepe na saịtị), chọrọ akankà a kpọmkwem ederede maka mkpa ọdịnaya, ma ọ bụ ike a style na klas ma ọ bụ nchọpụta na ada ka page na-arụ ọrụ, mgbe ọ na-ese na a akpan akpan esenowo.

static Ọnọdụ

Anyị ekwesịghị mgbe dee ọkaibe chọtara JavaScript-koodu mee ike ọdịnaya na ya imewe - ihe zuru ezu ọdịnaya. Mgbe ụfọdụ, ọ bụ iji kwesịrị ekwesị na-eji ohere. Karịsịa, site n'ịkọwapụta CSS font agba ibido static achị, ị nwere ike zoo a na-achị (zoro) na iji anya nke uche dị iche iche (anya).

Ebe a, ọkà okwu na-adịghị achọ na algọridim:

// ka a mata input button na website
ọrụ scfWelcomeOver () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'anya' .;
}

// zoo input button na website
na-arụ ọrụ scfWelcomeOut () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'zoro' .;
}

CSS awade nke Ọnọdụ: tickers, uzo ọcha, dị iche iche embodiments machite, ngosipụta, na-adakpọ na agba. Na CSS, ndị font agba nwere ike ọbụna mere na ọ dịghị onye stylistic iwu na-adịghị nyere.

Ike ọdịnaya ngosi

Ọ bụrụ na e nweghị nkwenkwe, ikekwe ọ gaghị adị na-enwe ọganihu. Dị nnọọ bụghị ihe ọ dị ka na-alụ ọgụ. Hypertext ada n'ime ụwa a otutu ozizi. Ọ bụ oge na ntị ka ha na-amalite na-emepe emepe na saịtị na a pragmatic na ihe style.

Ná mmalite, e a page (P), ụfọdụ nke ọdịnaya gị (K), niile tags nke page na-kọwara na style mpempe akwụkwọ (S). Ọ bụghị a ọhụrụ ụdị P page via PHP ma ọ bụ Perl na ihe nkesa site n'ịhọrọ K si nchekwa data. Ẹdude style mpempe akwụkwọ S ga-eso na-akpaghị aka. Otú ọ dị, K nwere ike gbanwere, na ọtụtụ ikpe, mgbanwe dị otú ahụ ga-abuana mkpa ndị ọzọ ekwekọghị, ya bụ, S +.

Dị ka ihe atụ, ndị ahịa kwuru, sị: "Na saịtị na-akọwa na ndụ nke Moscow, ga-ele anya ka mma ma ọ bụrụ na ndị ozi ọma n'isiokwu na-mma na ẹbọ nke" ZaZavtrakom ", na-akọwa n'abalị naa ke ẹbọ nke" Las Vegas "na isiokwu na ndị ọkà mmụta sayensị na nkà na ụzụ na-enwe ọganihu ke ẹbọ nke" ModernTehno. ' " Ma ọ bụrụ na anyị na-eme S on atọ ndị a nhọrọ, ọ dịghị nkwa na ndị ahịa ga-enweghị echiche na-nwere a set nke isiokwu "News", "ezumike", "Ọrụ», «CSS / HTML» bonus "HozyaykeNaZametku".

Ọzọ eme ihe bara uru. N'agbanyeghị na udi nke isiokwu e nwere mgbe ọdịnaya na ike ga-ese na-a na-agba. N'ebe a na e nwere nnọọ a ezi uche echiche: nweta kpọmkwem K, ka na ihe nkesa na-n'ịwa ihe zuru ezu S, na nchọgharị ga-achọ P, ọ ga-nri ọdịnaya kwesịrị ekwesị nwechapụ.

Dynamics style of JavaScript

Kacha nta, ọ bụ ezie na nnọọ irè ngwọta - ime styling ozugbo na ahịa na ihe nchọgharị. Nke mbụ, ọ aka nkesa - ga-enweghị na-eji oge na guzobere hypertext nweghị peeji nke na style faịlụ maka ya.

Nke abụọ, eke igbu oge n'ime nchọgharị ga-ike mmetụta na peeji nke a na-arụ site azụmahịa na ifịk ifịk na-akwado mkparịta ụka na esenowo: ọ ka na-adịghị ahụ na ọdịnaya ke nnukwu, ya mere, ọ ga-achọ a na-agbanwe agbanwe na echiche ọmụma mmepụta.

Nke atọ, ọ na-enye ohere Mmepụta inye esenowo usoro nke ọdịnaya a style, na nke ọ bụ ala. Ọ bụ ọbụna onye ọ bụla.

Iji mejuputa a echiche, i kwesịrị iji mejuputa a usoro maka eke ọcha nke style ozugbo page ibu, na na N'ezie nke ya ọrụ. Modern saịtị - na ọ bụ AJAX na a akpan akpan ụdị. Ọ bụghị ike na-ebu guzobe nke ekwekọghị na na usoro nke na guzobe nke page osisi. Ọ dị mfe, ọnụ na dị irè, n'ihi na ọdịnaya bụ na ndị ya na aha.

Nke a anaghị emegide oge a na ọchịchọ na-ekewapụ ndị ngosi nke data site na nhazi rụrụ na data ma na-ahapụ na ngosipụta.

CSS ka onye nọ n'ọrụ mgwa

Hypertext me a ọtụtụ ezi ihe, ma naanị a obere akụkụ nke eke ọmụma e ọma formalized, e nwere ngwá ọrụ na ahụmahụ na-eke elu-edu HTML, XML, CSS akwụkwọ. Ọ bụghị a nsogbu formalize ọhụrụ mpịakọta nke ọmụma na-agbanwe na-ama mere na mbụ.

Na-akwanyere CSS, usoro a na-arụ ọrụ na a kpamkpam dị iche iche na-ekwu. Wuru na-ngwaọrụ JavaScript, na-enyere "na ada" ike ọcha na ụzọ nke ndị ọcha na-atụghị anya dị otú ahụ a ga-ekwe omume, na creators nke PHP, akpan akpan, kwere ka ịdị na-eme guzobe naanị HTML peeji nke.

Ma nke mbụ na nke abụọ na-enye ohere ime mmemme ekwekọghị. Nke a ọhụrụ ntụziaka na ubi nke ozi technology. Nye nke ukwu ọzọ iwu ihe karịa XML ma ọ bụ HTML, iwu bụ nnọọ mfe. Style bụ mgbe nile na ozi, n'agbanyeghị otú eke ọ bụ.

Ndebanye nchekwa data programmers na-arụ mgbe niile na a ọtụtụ ihe ndị ọzọ formalized ndi, ma CSS isiokwu - a dị nnọọ mfe ozi, ma n'ụzọ ụfọdụ ga-esi n'ime ubi nke echiche nke mmepe usoro.

Na nkwenkwe na ubi nke mmemme

Dị ka aisbeg, a malitere izi ozizi ike ogologo expanses furrowing ọmụma. N'oge gara aga nwere uche bụghị naanị na HTML- na CSS-ụkpụrụ, ngwaọrụ na-arụ ọrụ ha, ihe ọmụma mmepe.

A mfe ọrụ - iji mee ka site CSS font agba - hụrụ zuru okè ngwọta. Iwu, syntax, mgbagha na nkasi obi na-apụghị ịgbagha agbagha. Ma ọbụna mgbe ndị font n'ezie nwere abụghị onye na otutu nke na agba maka omume, ukwuu adịghị mkpa, ma n'ezie, maka nzube nke eziokwu nke virtualization adịghị mkpa niile akwakọba "ike» HTML na CSS, e-abịa mgbe ndị situational ihe ọmụma na-aga aruputaghari na egosipụta ahụmahụ na ngwaọrụ nke eke guzobere nwee nke ọdịnaya.

Olee otú a ga-abụ, nwere ike ịbụ kpamkpam doro anya, ma na usoro bụ ugbua n'okpuru ụzọ, doro anya.