CSS: Fonts ruvara, manyorerwo, muenzaniso, saizi

Zvirongwa - mugirazi: pakutanga raiva shoko, uye kwete akaratidza shure. Uye nokukurumidza zvaifanira "shanduko": wokutanga girazi, ipapo shoko ... Panguva iyi, cascading manyorerwo jira - chakanaka, asi nei saka refu zvakanga kuenda nezveimwe yokuvaka? CSS - zvose chete mumitsetse nguva nenguva ekombiyuta, asi chete nemamwe maonero. Kunyange apo vakawanda vanova associative chimurenga hauna.

Website peji - nayo Tags HTML-markup, izvo zvinogona kunzi imwe maitiro kana maitiro kirasi identifier. Yokutanga rinogona kurondedzerwa kamwe uye kuti ndivanaMesiya chinhu chinodiwa zvikuru nguva, uye yechipiri ndorwevaya imwe maatomu akafanana.

The vakawanda pfungwa rondedzero siyana

Netsika, wokugadzira anoiswa mukati CSS-faira, asi zvinogona kunzi imwe chinhu ayo Style chizenga. Wokugadzira inogona vakasikwa simba pamusoro JavaScript Ezvemutauro. Zvikuru kukosha haasi sezvinorondedzerwa Somuenzaniso, achishandisa CSS ruvara Kukura, ayo ukuru, kuti headset, background pasi payo uye zvichingodaro. Location Rondedzero Style inokosha iri akapoteredza, kazhinji zviviri pfungwa: zvapedzisira kurondedzerwa, saka ndiko yepamusoro kukoshesa, uye kana zvinorondedzerwa chinhu, izvozvo anoita zvakakosha !. Last akanyorwa sezvazviri, rinorondedzera zvakajeka yokutanga.

Shandisa wokugadzira kuti Somuenzaniso, mumwe Fonts ruvara shanduko ruvara, unogona kuva pose uye chinhu. Mubvunzo ndewokuti sei pazviri ari mubrowser panguva disassembly siyana zvose pamwe chete. Zvakadini haana kupedza pamusoro CPU ichi?

Zvakanakisa, Fonts ruvara zvinofanira akaratidza kamwe chete - chinhu chaiwo. Funga kuti tsananguro wakareruka vakaroorana, uye ipapo mumwe uye imwe ... Chokwadi, iwe unogona. Zviri mufashoni, asi anobatsira.

MUENZANISO mukuru pfungwa

Quite nyore pakutsvaga CSS ruvara vose nezvinhu zvitatu, zvinokwanisika kuti matambudziko zvitatu refu-achimhanya:

# Ele1, # Ele2, # Ele3 {
CHINZVIMBO: neMhedziso;
kuruboshwe: 20px;
kumusoro: 14px;
ruvara: tsvuku;
}

# Ele2, # Ele3 {
kuruboshwe: 90px; // kushandura CSS chinjikira Coordinates
ruvara: shora; // kushandura Ruvara Fonts CSS
}

# Ele3 {
kumusoro: 114px; // kushandura CSS kutwasuka batanidza

ruvara: mitema; // kamwe zvakare kushandura Ruvara Fonts CSS

nechokumashure-ruvara: lightgrey; // CSS chinyorwa kunoratidzei ruvara achinja, asi ichi hachisi chipo muna # Ele1 uye # Ele2; chinzvimbo hwakachinjawo, asi zvachinja muna # Ele2 uye kwete, sezvo pano

}

Ikozvino tinofanira kuyeuka kuti zvose izvi zvinhu zvitatu kunotsanangurwa kumwewo, uye chiitiko kuchinja ruvara inofananidza muridzi site yacho yokuvaka vachafanira kurangarira chete pamusoro ruvara, asiwo pamusoro mitemo rworuboshwewo uye pamusoro, uye kunyange kuchinja womumhuri Ruvara rwezuva harufaniri kukanganwika.

Havasi Developers ose vairemekedza zvinodiwa CSS: Style ID - chete chaikosha, uye boka manyorerwo - Tags zhinji, tisingaverengi wokupedzisira zvichibvira pfungwa iri Tags sezvo adjectives:

• Akagadza Fonts ruvara ari CSS - Style groundColor kirasi;
• kutaridzwa Schriftgröße - kirasi size15;
• yakatarwa nzvimbo - kirasi PlaceUp.

Sezvingatarisirwa, kushandiswa identifiers, kunyanya pavanenge ndezvaJehovha chete chokuguma chinhu, pamusoro gumi manyorerwo makirasi, dzakapendwa uwandu siyana nemazana peji zvinhu. Asi zvinhu zvose ane yayo chinangwa zvisingarambiki.

The yokuvaka nyore vanofanira nemazvo kurangarira: kunyange kana Sarudza ruvara HTML, CSS anoda kutsanangura nesimba, mukana wokushandiswa chenyaya hombe nemamiriro netsanangudzo - kuti ibasa rake.

The yaitarisira Nemhaka kushandisa vanhuwo pfungwa

Modern browsers vanogona yakawanda zvidavado mafaira uye mavhoriyamu. Zvisinei, pamasikiro, kunyanya kuburikidza CSS, Chipendai peji yose, nguva dzose unofanira kufunga zvine kukwaniswa. Havasi vose manyorero mitemo "zvakachipa" Kutarira ari kushanda. Simple laconic kupinda: * {ruvara: chena;} - zvirokwazvo akanaka, asi pachirehwa zvinhu zvose peji, pasina anosara.

Ose mitemo, iyo vakapakata CSS, inokosha:

• Style - mukirasi, uye ipapo zita rinotanga, "."
• Style - identifier uye zita rayo rinotanga "#" unhu;
• dzimwe nguva - zita chipepa kana chinhu chinokosha

Dzasara nezverondedzero pfungwa Styles (nhaka ehupfumi bindepinde, zvaunokoshesa, chinzvimbo, hurongwa uye zvakafanana. D.) CHINOFANIRA kushandiswa noungwaru uye kunyatsoteerera zvakakodzera.

The Browser nguva dzose kusuwa, regai kubuda ari description, saka kuti chaiwo isingatarisirwi haazovanzwiri. Kana chinhu haana panzvimbo chaiyo kana akaisa Sarudza ruvara mu CSS hazvibviri, saka, sezvinoita wokutsauka.

zvisingatarisirwi mikana

Hazvifaniri kufanira zvitaera akafanana * {kuruboshwe: 124px; } kana

ol ol, imi Ul, Ul Ul, Ul ol {kumucheto-pazasi: 0; }
mumwe IMG {muganhu: 0; }

Kunyange zvakaoma kuti kunyange ruzivo yokuvaka kushandisa CSS mitemo sezvavari. Nguva dzose kukura chero nzvimbo, kunyange zvakakwana nyore CSS nemarongerwo anopa matambudziko zvisingatarisirwi. Zvisinei, kana zvakananga kuita kushandiswa zvakarurama nemarongerwo, asi shandisa JavaScript functionality ndiwo mikana mitsva uye zvisingatarisirwi tichadzivisa monotonous pave identifiers nechimwe chinhu, kana kuti kuongorora kushandisa dzakasiyana-siyana siyana uye makirasi.

CSS - ndiwo manyorero faira kuti zvakabatana peji nomukombiyuta kubatana Tag kana rakapinzwa kuburikidza wokugadzira chipepa kwete chete. Zvinogonekawo kuti pave manyorero pamusoro nhunzi kana kuchinja kumbova mumwe.

Nokushandisa CSS, Sarudza ruvara anogona kuitwa programmatically. Uyewo kukura uye nzvimbo, varikumahombekombe. Website - hachisi chinangwa kushandisa zivo CSS, HTML, PHP kana JavaScript migumisiro nokupenya.

Web zvekuvaka - kutanga mashoko zvose zvaipiwa neimwe nzira. Ndokusaka CSS inoonekwa mune simba kuburikidza izvo sei zvichibvira kuumbika, apo peji ichiri pamusoro Server (hazvisi kuwanikwa PHP panguva nzvimbo muenzi akauya, kwete yokuvaka panguva yaakanga nekukudziridza nzvimbo), hunokwanisa faira zvekunyanyisa imwe rwezuva akakodzera kugutsikana, kana kuti kusika munhu maitiro kirasi kana identifier pamusoro nhunzi sezvo peji iri kushanda, kana anotarisa imwe muenzi.

kunofambira mberi emuchina

Hatifaniri nguva kunyora yakagozha kuwana JavaScript-remitemo kuti simba kugutsikana uye magadzirirwo ayo - mukana wakakwana kugutsikana. Dzimwe zvakakwana zvakanaka kushandisa mikana iripo. Zvikurukuru, nokududza CSS Kukura ruvara pakutanga kunofambira mberi kutonga, unogona kuvanza mutemo uyu (zvakavanzika) uye kuona zvakasiyana (pachena).

Pano, mukurukuri hakurevi kuti algorithm:

// kusimbisa mazano bhatani pamusoro Website
basa scfWelcomeOver () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'vanooneka' .;
}

// kuvanza mazano bhatani pamusoro Website
kushanda scfWelcomeOut () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'yakavanzwa' .;
}

CSS anopa pachake emuchina: tickers, segirazi okunze, siyana embodiments overlays, anoratidza, rinooma mavara. In CSS, Sarudza ruvara anogona kuitwa saizvozvo kuti hapana kutonga manyorero haina inopiwa.

Dynamic kugutsikana kuratidzwa

Kudai kwakanga kusina nevanhu, zvichida paisazova mberi. Just kwete zvazvakanga zvakaita kurwa. Hypertext akauya munyika yakawanda dzidziso. Inguva unyatsoteerera navo uye kutanga kuva nzvimbo ine pragmatic uye inoshanda manyorerwo.

Pakutanga, pane peji (P), vamwe tigutsikane wako (K), vose Tags peji vanorondedzerwa sezvinoita jira (S). Hapana chitsva chimiro P peji Via PHP kana Perl pamusoro Server nokusarudza K kubva Database. Huripo Style jira S achatevera kwaita. Zvisinei, K hazvingashandurwi, uye kakawanda, kuchinja kwakadaro kwaizoita kunotoreva kudiwa dzimwe zvitaera, kureva, S +.

Somuenzaniso, mutengi akati: "Nzvimbo rinotsanangura upenyu Moscow, vachatarira nani kana nhau nyaya dziri yakashongedzwa sezvinoita" ZaZavtrakom ", richitsanangura usiku kumhanya-mhanya sezvinoita" Las Vegas "uye nyaya mune zvesayenzi uye kugadzira mberi manyorero" ModernTehno ' ". Asi kana tikaita S zvitatu zvaungasarudza izvi, hazvivimbisi kuti mutengi havazofaniri pfungwa kuti seti nyaya "News", "zororo", "Basa», «CSS / HTML» bhonasi "HozyaykeNaZametku".

Imwe nzira zvimwe zvinobatsira. Zvisinei muchikwata yacho nguva dzose pane kugutsikana kuti inogona kupendwa mune imwe ruvara. Pano panzvimbo ino pane vazhinji pfungwa pfungwa: simuka zvakananga K, vachiri Server kuti vaunze imwe zvakakwana S, uye Browser zvinoda P, iye achawana zvakanaka kugutsikana mune yakafanira Clearance.

Dynamics werudzii JavaScript

Minimum, kunyange inoshanda chaizvo mhinduro - kuti vaite Kugadzira zvakananga yeGmail.END_STRONG wacho Browser. Kutanga, hwamunoita Server - havazofaniri kupedza nguva uri paumbwe hypertext mapeji uye manyorerwo mafaira nokuti.

Chechipiri, marara chaivo nguva mukati Browser achasika sei kuti peji inogarwa mabhizimisi uye kushingaira inotsigira Nhaurirano mushanyi: achiri haaoni zviri zvakawanda, saka, angada yakarongeka uye kufunga mashoko goho.

Chechitatu, zvinoita anobvumira yokuvaka kupa mueni mashandiro ari kugutsikana mumagadzirirwo ichi, umo iye hwomutambarakede. Haisi kunyange munhu.

Kuti dzika pfungwa iyi, unofanira kushandisa mashandiro kusika zvinhu zvidavado pakarepo mushure peji makaremerwa, uye mukufamba huchishanda. Modern nzvimbo - zviri AJAX neimwe chimiro. Hazvina kuoma kuti tiite paumbwe zvitaera zvakananga nedanho paumbwe peji muti. Zviri nyore, kutengeka uye inoshanda, nokuti zviri pamwe Kunyoresa ake.

Izvi haambozvipikisi yazvino katsika kusiyanisa mharidzo umboo kubva kubudiswa akaita pamusoro Data uye ichisiya ari kuratidzwa.

CSS sezvo chinoshingaira chirungiso

Hypertext akauya zvakanaka zvizhinji, asi chete chiduku chakapatsanurwa zvakasikwa mashoko akanga vakabudirira formalized, paiva zvishandiso ruzivo mukusika yepamusoro HTML, XML, CSS magwaro. Hapana dambudziko kuti formalize mavhoriyamu idzva mashoko uye ichichinja dzaitwa ambotaurwa.

Panyaya CSS, izvi zviri kusashanda nenzira yakasiyana zvachose chechinyorwa. Pakuvara zvombo JavaScript, ichiita "riri nhunzi" kuumba zvinhu uye maitiro okunze haana kutarisira mumwe mukana wakadaro, uye creators pakati PHP, zvikurukuru, vakatenda kuti mubasa paumbwe HTML mapeji chete.

Vose rokutanga uye rechipiri rinobvumira kuita zvirongwa zvekunyanyisa. Izvi mirayiridzo mutsva pasango mashoko michina. Styles dzinokwanisa neyebhizimisi chinhu kupfuura XML kana HTML, mitemo vari nyore chaizvo. Style nguva dzose aripo ari mashoko, zvisinei kuti dzinongoitika zvakanga.

Registration Database programmers tinoita nguva dzose mune zvakawanda formalized sectors, asi CSS dingindira - nyore chaizvo basa, asi zvimwe haana kuwana kumunda maonero pakukura kwacho.

On dzidziso mumunda mapurogiramu

Sezvinoita iceberg, imwe dzidziso haagoni refu expanses furrowing ruzivo. Takambosangana aifanira pfungwa kwete chete HTML- uye CSS-tsika, nematurusi kushanda navo, ruzivo Developers.

A nyore basa - kuti kuburikidza CSS Fonts ruvara - rwakawana akakwana mhinduro. Mitemo, nemarongerwo, kufunga uye nyaradzo zvazvisingarambiki. Asi kunyange kana Fonts chokwadi havana yakawanda mavara kuti tsika, yakawandisa hakusi zvakakodzera, uye zvirokwazvo nekuti zvakafunga chokwadi Virtualization haafaniri ose vaunganidza "simba» HTML uye CSS, kunouya nguva apo ezvinhu ruzivo kuenda kuburitswa uye vakaratidza ruzivo uye zvishandiso zvepanyama inotungamirwa okuruka neizvozvi.

Izvi zvichaitika, kungasava pachena zvachose, asi kuti zvichiitika kare pasi nzira, pachena.