CSS: fonte mmala, setaele, moetso, boholo

Mananeo - the seipone: tšimolohong e ne e le lentsoe, 'me ha a bonahatsa khutla. 'Me ka potlako haholo ho ne ho "fetola": seiponeng pele, ka nako eo lentsoe ... Mothating ona, cascading setaele lakane - e ntle, empa ke hobane'ng ha e le nako e telele e ne e tla hopotsa developer indonesia ka? CSS - ho e tšoanang ka linako tsohle tse ngata mehleng ea mananeo a k'homphieutha, empa feela ka lehlakoreng le leng. Esita le ha ba bangata ba amanang ka phetoho e khōlō e sa ile a etsa.

websaeteng leqepheng la - e Tags HTML-ya matshwao a, e leng e ka ngotsoe ho itseng setaele kapa setaele sehlopha sa moswananosi. Pele ka hlalosoa hang le ho Isang ho letho ha ho hlokahala hang, ho ea bobeli ke ea sa elements ho khetheha.

Sea utloahala kapa che kakaretso ya tlhaloso ya mekhoa

Ke neano, setaele e kenngoa ka CSS-faele, empa ka ngotsoe ho elements khetheha ka mokhoa tšobotsi lona. setaele le ka a bōpa ka dipharologanyo ea lisebelisoa Javascript. Le ea bohlokoa ho khetheha e sa joalokaha ho hlalositsoe, ho etsa mohlala, ka lebaka la CSS mala fonte, boholo ba eona, semamedi, semelo sa ka tlas'a sona le joalo-joalo. Location tlhaloso setaele e bohlokoa ka taba e potolohileng ea, hangata ba babeli mehopolo: ho hamorao o ile a hlalosa, kahoo, ho ke ea bohlokoa e phahameng, 'me ha ho hlalositswe elements, e ha bohlokoa !. Ho qetela e tlalehiloeng e le e, ka ho hlaka e hlalosa ntho ea bohlokoa ho ea.

Sebetsa ka mokhoa ho, ho etsa mohlala, ea itseng fonte mala phetoho 'mala, e ka ba kae kapa kae' me eng kapa eng. Potso ke hore mokhoa oa ho ikutloa joang ka ho ho boraosara nakong ea disassembly ea mekhoa bohle hammoho. Ke bokae ha a ile a qeta ka CPU ee?

Sebakeng se loketseng, fonte mala e lokela ho bontša hang feela - e 'se khale. Nahana ho tlhaloso e bonolo ea banyalani, 'me joale e mong le e mong ...' nete hore, o ka khonang. Ho elegant, empa e molemo.

MOHLALA kakaretso mabaka a

Haholo feela ho e behilweng ke CSS mmala bakeng sa likarolo tsohle tse tharo, ho ke ke ho bonolo ho fumana mathata a ka bang mararo telele-mathang:

# Ele1, # Ele2, # Ele3 {
Boemo: feletseng;
le letšehali: 20px;
top: 14px;
mala: khubelu;
}

# Ele2, # Ele3 {
le letšehali: 90px; // fetola CSS tshekaletseng hokahanyang
mala: mosehla; // fetola 'mala oa fonte CSS
}

# Ele3 {
top: 114px; // fetola CSS paatsepama hokahanya

mala: tala; // hang hape fetola 'mala oa fonte CSS

semelo sa mebala: lightgrey; // CSS sengolwa fagahlelwago mala fetohile, empa sena ha se teng ka # Ele1 le # Ele2; maemo a boela a fetoha, empa e se e fetohile ka # Ele2 le ho se joalo, e le mona

}

Joale re lokela ho hopola hore kaofela ha likarolo tsena tse tharo e hlalosoa kae-kae, 'me ka ketsahalo ea fetola boemedi mala oa mong'a site, developer indonesia li tla lokela ho hopola se feela ka' mala, empa hape ka ka melao setse le holimo, 'me esita le ho fetola fagahlelwago mala a temana ea ha ea lokela ho lebaloa.

Ha ke jwa tsohle di masantu masengeli komemiama hlokahalang CSS: Style ID - feela elements e mong, 'me ka mokhoa sehlopha sa - tagged tse ngata, ntle ho khoneha ntlha ea ho qetela ho tagged ka matlhaodi:

• seta fonte mmala ka CSS - setaele groundColor sehlopha sa;
• qaqisa fonte boholo - sehlopha sa size15;
• sete maemo a - sehlopha sa PlaceUp.

Ha ho pelaelo hore, ho sebelisa identifiers, haholo-holo ha ba ne ba e matleng a hae ho tšoanang ho tšoaea elements, ka holimo tse leshome setaele litlelase, penta ka tlhakantsuke tse sa tšoaneng ba ba makholo ba likarolo page. Empa sohle na sepheo sa eona e le tlhalohanyo.

developer indonesia feela lokela ho ka tsela e nepahetseng hlokomele: le haeba ho fonte mala oa HTML, CSS fana ho hlalosa ka thata, ea fetoha le maemo tsa sebopeho ka kakaretso tlhaloso - hore ke boikarabelo ba hae.

Phello e lebeletsoe ea ho sebelisa mabaka a utloahalang ho tloaelehile hore batho

go disofetewere morao-rao li phutholohile ka a mangata a difaele tsa ho setaele le meqolo. Leha ho le joalo, ho qapa, ka ho khetheha ka CSS e, mmala leqepheng kaofela, u lokela ho kamehla nahana ka khotsofala e utloahalang. Ha melao eohle setaele "theko" talimela ka kopo. Simple laconic kena: * {mala: tšoeu;} - Ka sebele e ntle, empa e sebetsa le ho likarolo tsohle tsa leqephe, ntle ho mokgelo.

La melao eohle, e leng e hlomelloa le CSS, bohlokoa ka ho fetisisa:

• setaele - sehlopha sa, 'me ka nako eo lebitso la qala ka, "."
• setaele - moswananosi 'me lebitso la lona e qala ka e "#" tlhaku;
• maemong a mang - ho tag lebitso kapa ntho e 'ngoe e khethehileng

Karolong e setseng ea tlhaloso mehopolo ka Styles (lefa la thepa lepelela, lintho tse tlang pele, boemo tle le tse ling. D.) Ha ho ka etseha ho sebelisoa ka bohlale le ka tieo ho hlokahala.

The seshebisi kamehla hopotse, u se ke ua etsa ka tlhaloso e, e le hore taba e makatsang e khethehileng ke ke. Ha ntho e 'ngoe e ne e se sebakeng se nepahetseng kapa seta fonte mmala ka CSS ke ke ha khoneha, ka hona, ka mokhoa oa phoso.

menyetla e sa lebelloang

Ha baa lokela ho hlekefetsoa mekhoa joaloka * {letšehali: 124px; } kapa

ol by ol by, ol by ouaaoul, ouaaoul ouaaoul, ouaaoul ol by {thōko-tlase: 0; }
e bang img {leliboho: 0; }

Leha ho le thata ho etsa, esita le novice developer indonesia ho sebelisa melao CSS kamoo ba leng kateng. Kamehla ka ntshetsopele ya site ya leha e le efe, esita le ka ho phethahetseng e bonolo CSS hokahanngoang fana mathata a sa lebelloang. Leha ho le joalo, haeba ba etsa boiteko ba ho toba ho sebelisoa a nepahetseng a 'hokahanngoang ka, empa sebelisa Javascript tshebetso ke menyetla e mecha le e sa lebelloang tla qoba monotonous bopa identifiers bakeng sa e mong le e elements, kapa ho hlokomela tshebediso ya mefuta e fapaneng ya mekhoa le litlelase.

CSS - hase feela setaele faele e amanang ho leqephe ka tsela tag e kgokahanyo kapa kenngoa ka e ka kenya tag setaele. Hape, hoa khoneha ho etsa setaele se itseng ka fofa kapa ho fetoloa e mong ea bileng teng.

Ka ho sebelisa CSS, le fonte mmala ka etsoang programmatically. Hammoho le boholo le boemo, margins. Website - hase pakane ho sebelisa tsebo ka CSS, HTML, PHP kapa Javascript litla halima.

Web mohlodi - pele ho lesedi kaofela e filwe ka tsela e itseng. Ke ka lebaka leo CSS e molemo ka ho fetisisa bonoa dipharologanyo ka lense ea kamoo ho ka etsahala ya ho theha, ha leqephe e ntse ka seva ya (ho ke ke ha e fumanehe PHP ka nako eo ha saeteng moeti a tla, eseng ho developer indonesia ka nako eo ha a ne a ho ntshetsa pele site), le stylesheet batlang temana e itseng bakeng sa dikahare tshwanelanang, kapa ho etsa setaele se itseng sehlopha sa kapa moswananosi ka fofa joalokaha leqephe sebetsa, ha e sheba moeti ho khetheha.

dipharologanyo ee sa fetoleng boemo

Ha rea lokela ho kamehla ngole rarahaneng se fumana Javascript-khoutu ho etsa matla le dikahare le li entseng ka eona - e dikahare lekaneng. Ka linako tse ling ho ke ke ho lekaneng ho e hantle sebelisa menyetla fumaneha. Ka ho khetheha, ke hlalosang CSS fonte mala puso ea qalong ee sa fetoleng boemo, o ka pata molao ona (patiloe) le mahlo a kelello e fapaneng (bonahalang).

Mona, sebui se ile sa ha a hloke e-tharabololo:

// ho totobatsa konopo input mo setsheng sa inthanete
mosebetsi scfWelcomeOver () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'bonahalang' .;
}

// pata konopo input mo setsheng sa inthanete
sebetsa scfWelcomeOut () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'patiloe' .;
}

CSS fana dipharologanyo ipatlele: tickers, likarolo sebeletsang pepeneneng, embodiments tse fapa-fapaneng overlays, lipontšo, fading mebala. Ka CSS, le fonte mmala ka etswa esita le e le hore ha ho motho puso ea stylistic e sa faneng.

Matla dikahare bontshiweng

Haeba ho na le ne ho se na dogmas, mohlomong ho na le ka be ho se tsoela pele. Feela sa seo e ne e le joaloka ho loana. Hypertext tlisoa lefatšeng e ngata thuto. Ke nako ea ho ela hloko ho bona 'me ho qala ho libaka ka setaele pragmatic le e sebetsang ho ntshetsa pele.

Qalong, ho na le leqephe le (P), tse ling tsa dikahare tsa hao dikahare (K), e tagged kaofela leqephe ba hlalosoa ka mokhoa lakane (S). Se le lecha foromo P leqephe ka tsela PHP kapa Perl ka seva ya ka hore re khethe K ho tloha k'homphieutheng, ba. O teng setaele lakane S tla latela ka tsela e iketsang. Leha ho le joalo, K ka fetoha, 'me maemong a mangata, phetoho e joalo e ne e tla akarelletsa eng hore ho hlokahala hore mekhoa e meng, ke hore, S +.

Ka mohlala, moreki o ile a re: "Sebaka hlalosang bophelo ba Moscow, e tla shebahala hantle ha lihlooho tse litaba li khabisitsoeng ka mokhoa oa" ZaZavtrakom ", e hlalosang bosiu bustle ka mokhoa oa" Las Vegas "le lihlooho tse tsoela pele ea saense le ea theknoloji ka mokhoa oa" ModernTehno ' ". Empa ha re etsa S ka tse tharo tsa dikgetho tsena, ha ho na tiisetso ya hore le moreki ke ke ua ba le maikutlo a ho ba le sete la lihlooho "News", "letsatsi la phomolo", "Sebetsang», «CSS / HTML» bonase "HozyaykeNaZametku".

wa katamelo e mong ho feta molemo. Ho sa tsotellehe hore dihlopha tsa sehlooho se reng ho na le kamehla dikahare eo ka penta ka mmala itseng. Mona sebakeng sena ho na le haholo ka maikutlo a nang le kelello: fumana itseng K, a ntse a ka seva ya ho hlahisa e S lekaneng, le ho browser tla hloka P, o tla fumana dikahare nepahetseng rengwa tšoanetseng.

Dipharologanyo mokhoa oa Javascript

Bonyane, le hoja tharollo e sebetsang hantle haholo - ho etsa setaele kotloloho ho boraosara ea etsetsoang. Ea pele, e lopollang seva ya - ke ke ua ba ho qeta nako e ka sebopeho sa maqephe hypertext le lifaele setaele bakeng sa eona.

Ea bobeli, litšila ea tlhaho ea nako ka hare ho browser tla bopa phello eo leqephe e lula khoebo le ka mafolofolo tshehetsa lipuisano le moeti: o ne a ntse a sa bone dikahare ka bongata, ka hona, o ile a kopa ka tsela e lumellanang le ho nahanela lesedi khumo.

Ntlha ea boraro, e lumella developer indonesia le ho fana ka mochine moeti e dikahare ka mokhoa ona, moo a ke phutholohile. Ha se esita le mang kapa mang.

Ho kenya tshebetsong khopolo ena, o lokela ho kenya tshebetsong mochine bakeng sa ho bōpa metsoako ea setaele hang-hang ka mor'a leqephe mejaro, 'me ka tsela ea tšebetso ea oona. Morao-rao saeteng - ho AJAX ka foromo ka ho khetheha. Ha ho thata ho phetha sebopeho sa mekhoa kotloloho ka tshebetso ya ho sebopeho sa sefate page. Ho bonolo, ka theko e tlaase le ka bokgoni, hobane dikahare ke hammoho le ngodiso hae.

Sena ha se hanana le tšekamelo ea morao-rao ho arole ba nehelano ya data ho tswa ho sebetsa a etsa ka ya data me a li tlohela ka bapatsa.

CSS e le motsoako o le mafolo-folo

Hypertext tlisa ngata ea botle, empa feela karoloana e nyenyane ea litaba tsa tlhaho o ne a atlehile ho wa semmuso, ho ne ho lisebelisoa le phihlelo ea ho ho bōpa HTML boleng bo phahameng, xML, litokomane CSS. Ha le bothata ho formalize meqolo e ntjha ya tlhahisoleseding le fetoha se entsoeng pele ho moo.

Mabapi le CSS, tshebetso ena e butswe ka moelelo oa taba e fapaneng ka ho feletseng. lisebelisoa a haha-ka ho Javascript, nolofalletsa "ho fofa le" ho bopa boemo ba leholimo le mekhoa ea thepa ea motheo e ne ke sa lebella ho Monyetla o joalo, 'me le bakeli tsa PHP, ka ho khetheha, o ne a lumela ho kopanela sebopeho sa maqephe feela HTML.

Ka bobeli pele le la bobeli o dumella ho etsa mananeo a mekhoa. Ena tsela e ncha le tšimong ea theknoloji ea litaba. Mekhoa haholo ho feta ka puo ea khale ntho feta xML kapa HTML, melao ke haholo bonolo. Style ke kamehla o teng ka boitsebiso boo, ha ho tsotellehe hore na likoluoa tsa tlhaho e ne e le.

ba mananeo ngodiso polokelongtshedimosetso li kopanela kamehla ka mafapha tse ling tse ngata wa semmuso, empa CSS sehlooho - mosebetsi o bonolo, empa ka tsela e itseng ne ke sa kena tšimong ea pono ea ho tsoelo-pele.

Ka thuto tšimong ea mananeo

Joaloka thula thaba ea leqhoa e, le thuto ke ke expanses telele furrowing tlhahisoleseding. boiphihlelo fetileng ile a tlameha ho tsepamisa kelello, eseng feela ka HTML- le CSS-melao ea lisebelisoa ho sebetsa le bona, tsebo ke jwa.

A mosebetsi e bonolo - ho etsa ka CSS fonte mmala - e ile a fumana tharollo e phethahetseng. Melao, hokahanngoang, tlhalohanyo le matšeliso ke ha latoloa. Empa esita le ha fonte ha e le hantle na ke ua a mangata mebala ya mokhoa ona, haholo ha ho hlokahale, 'me ka sebele ka lebaka la' nete ea virtualization ha ho hlokahale tsohle bokeletseng "matla a» HTML le CSS, ho na le fihla nako eo ka eona tsebo situational ho ea ikatisa le di behilwe boiphihlelo le lisebelisoa tsa sebopeho ea tlhaho ea mekhoa ea dikahare.

See se tla ba teng, a ke ke a ba le hlakile ka ho feletseng, empa tse tshebetso ke se tlas'a tsela, ho hlakile hore.