CSS: barva pisave, slogi, ozadje, velikost

Programiranje - to zrcalo: v začetku je bila beseda, odgovor pa sploh ni bil odgovor. In zelo hitro je moral "sprememba": najprej ogledalo, nato pa besedo ... Na tej točki, CSS - je dobro, ampak zakaj tako dolgo, da je šlo na misel razvijalec? CSS je vse iste vrste časov začetka obdobja računalniških programov, vendar le v drugačnem pogledu. Tudi takrat, ko so bili nizi asociativni, to ni povzročilo revolucije.

Stran spletnega mesta so označevalne oznake HTML, ki jih lahko dodelite določenemu slogu razreda ali slogu. Prvi lahko določimo enkrat in ga pripisujemo čim večkrat, kot je potrebno, druga pa pripada določenemu elementu.

Splošna logika opisa sloga

Tradicionalno je slog vstavljen v datoteko CSS, vendar jo lahko dodelite določenemu elementu v svojem atributu sloga. Ustvarite lahko slog v dinamiki z uporabo jаvascripta. Posebno pomembno ni, kako opisati, na primer, skozi CSS Barva pisavo, njegovo velikost, slušalke, ozadje pod njim in tako naprej. Mesto opisa sloga je v kontekstu, navadno dveh, idej: opisano je kasneje, bolj je prednostna naloga in če je opisana na elementu, je to sploh pomembno. Zadnja, zapisana kot je, izrecno določa prednost.

Uporabite slog, tako da na primer nekatere barve pisave spremenijo barvo, lahko to storite kjer koli in na vsak način. Vprašanje je, kako se bo brskalnik odzval na to med razstavljanjem vseh slogov v agregatu. Koliko bo porabilo za CPU čas?

V idealnem primeru bi bilo treba barvo pisave navesti samo enkrat - to je klasična. Če želite pomisliti na en preprost opis še nekaj, potem pa še drugo in ... seveda, lahko. Je modno, vendar nepraktično.

Primer splošne logike

To je zelo preprosto: z določitvijo barv CSS za samo tri elemente lahko dobite vsaj tri dolge težave:

# Ele1, # Ele2, # Ele3 {
POSITION: absolutno-
levo: 20px;
na vrh: 14px;
barva: rdeča-
}

# Ele2, # Ele3 {
levo: 90px; // spremenite koordinat CSS vodoravno
barva: rumena- // spremenite barvo pisave CSS
}

# Ele3 {
na vrh: 114px; // spremenite CSS koordinate navpično

barva: zelena- // znova spremenite barvo pisave

background-color: lightgrey- // CSS barva besedila vrhunec spremenilo, vendar to ni prisotna v # Ele1 in položaj # Ele2- tudi spremenila, vendar pa se je v # Ele2 spremenilo in ne, kot je tukaj

}

Zdaj pa moramo vedeti, da je vse od teh treh elementov definiran nekje, in v primeru spremembe barvnih predstavništev lastnik mesta, bo razvijalec vedeti, ne samo zaradi barve, ampak tudi levo pravil in vrhu o, in tudi spremenite barvo vrhunec besedila ne smemo pozabiti.

Niso vsi razvijalci resnico zahteva CSS: Style ID - samo en element, in slog razred - veliko oznak, poleg zadnji možni točki v oznake kot pridevniki:

• nastavite barvo pisave v slogu CSS v sloju groundColor;
• določite velikost pisave - velikost razreda15;
• Nastavite pozicijski razred PlaceUp.

Seveda je uporaba identifikatorjev, še posebej, če pripadajo posameznemu elementu markupa, boljša kot ducat stilskih razredov, ki so naslikana v drugačni kombinaciji več sto elementov strani. Toda vse ima svojo logiko cilja.

Razvijalec mora pravkar upoštevati: tudi če je barva pisave HTML, CSS ponuja natančno opisati, prilagodljivost splošne strukture opisov je njegovo delo.

Pričakovan rezultat uporabe splošne logike

Sodobni brskalniki se mirno nanašajo na veliko število slogovnih datotek in njihovih količin. Vendar pri oblikovanju, zlasti prek CSS, barve celotne strani, bi morali vedno razmišljati o razumni zadostnosti. Ni vsa pravila stila "poceni" videti v aplikaciji. Preprost lakonični zapis: * {color: white-} - je vsekakor lep, vendar velja za vse elemente strani brez izjeme.

Od vseh pravil, ki jih ima CSS, je najpomembnejše:

• slog je razred, nato pa njegovo ime se začne z ".";
• slog - identifikator in njegovo ime se začne s simbolom "#";
• v drugih primerih - to je ime oznake ali nekaj posebnega

Druge ideje v zvezi z opisovanjem slogov (dedovanje, prekrivajoče se lastnosti, prednostne naloge, položaj, red, itd.) Je smiselno in strogo potrebno, če je to potrebno.

Brskalnik bo vedno pogrešal, kar v opisu ne razume, zato ne bo nobenih posebnih presenečenj. Če nekaj ni na pravem mestu ali niste mogli nastaviti barve pisave v CSS, je napaka v slogu.

Nepričakovane možnosti

Ne smete zlorabljati slogov, kot so * {left: 124px; } ali

ol ol, ul ul, ul ul, ul ol {margin-spodaj: 0-}
img {border: 0-}

Čeprav je težko prisiliti razvijalca novice k uporabi pravil CSS, kot je. Vedno pri razvoju katerega koli spletnega mesta, celo idealno preprosta CSS sintakso predstavlja nepredvidene težave. Vendar, če neposredna prizadevanja za pravilno uporabo sintakse, ampak uporabljajo funkcionalnost jаvascript je nove in nepričakovane priložnosti bodo izognili monotono ustvariti identifikatorje za vsak element, ali za spremljanje uporabe različnih stilov in razredov.

CSS ni samo slikovna shema, ki je povezana s stranjo prek oznake povezave ali vstavljena vanj s slogovno oznako. Prav tako je priložnost ustvariti slog na letenju ali spremeniti obstoječo.

Uporaba CSS-ja, barva pisave se lahko izvaja programsko. Poleg velikosti, položaja, alineja. Spletna stran ni cilj uporabiti znanja v CSS, HTML, PHP ali utripajoče učinke jаvascript.

Spletni vir je predvsem na voljo na določen način. To je razlog, zakaj je CSS najbolje razvidno iz dinamike skozi objektiv, kako je mogoče, da nastane, medtem ko je stran, je še vedno na strežniku (ni na voljo PHP v času, ko je prišel obiskovalec spletne strani, ne pa razvijalec v času, ko je bil v razvoju mesta), želeni slogovne posebno besedilo za ustrezno vsebino, ali pa ustvarite razred slog ali identifikator na letenje kot stran deluje, ko je videti na določenem obiskovalca.

Statična dinamika

Ni vedno potrebno pisati zapletene kode jаvascript, da bi vsebino dinamično in njegova zasnova - ustrezna vsebina. Včasih je dovolj, da pravilno uporabite razpoložljive priložnosti. Še posebej, če na začetku določite barvo pisave s strani CSS kot statično pravilo, lahko skrijete to pravilo (skrito) in vizualizirate drugo (vidno) pravilo.

Tu dinamika ne zahteva algoritma:

// označite gumb za prijavo na spletnem mestu
funkcija scfWelcomeOver () {
document.getElementById (`scDocxNamePiP`) style.visibility = `vidno`
}

// Skrij gumb za prijavo na spletnem mestu
funkcija scfWelcomeOut () {
document.getElementById (`scDocxNamePiP`) style.visibility = `skrit`
}

CSS ponuja lastne različice dinamike: teče linije, preglednost elementov, različne različice prekrivanj, manifestacije, barvne izgine. V CSS se lahko barva pisave naredi tudi taka, da ni predpisano nobeno slogovno pravilo.

Dinamični prikaz vsebine

Če ni bilo dogmov, verjetno ne bi prišlo do nobenega napredka. Z njo preprosto ni ničesar. Hypertext je pripeljal mnoge dogme na svet. Čas je, da se jim posvetimo in razvijemo spletne strani v pragmatičnem in praktičnem slogu.

Na začetku je stran (P), na njej je vsebina (K), v slognem listu (S) so opisane vse oznake strani. To ni novo, če želite ustvariti P-stran prek PHP-ja ali Perl-a na strežniku, če izberete K iz baze podatkov. Obstoječi slogovni list S bo samodejno pritrjen. Kljub temu pa je mogoče spremeniti K in v večini primerov takšna sprememba bo pomenila potrebo po drugih slogih, to je v S +.

Na primer, kupec je dejal: "Spletna stran opisuje življenje v Moskvi, bo videti bolje, če so časopisni članki urejena v stilu" ZaZavtrakom ", ki opisuje nočni vrvež v stilu" Las Vegas "in člankov o znanstveni in tehnološki napredek v stilu" ModernTehno ` ". Ampak, če naredimo S od teh treh možnosti, ni nobenega jamstva, da kupec ne bo imel idejo, da bi imeli nabor člankov "novice", "počitnice", "Delo", "CSS / HTML» bonus «HozyaykeNaZametku".

Bolj praktičen je še en pristop. Ne glede na kategorijo članka, v njej vedno obstaja vsebina, ki je lahko obarvana v določeni barvi. Tukaj na tem mestu je zelo smiselna zamisel: po pridobitvi določenega K na strežniku, da se oblikuje ustrezna S, in ko brskalnik zahteva P, bo dobil ustrezno vsebino v pravilni obliki.

Dinamika sloga iz jаvascripta

Minimalna, čeprav zelo učinkovita rešitev je styling neposredno v brskalniku stranke. Prvič, raztovarjanje strežnika - ne bo treba izgubljati časa pri oblikovanju hipertekstnih strani in slogovnih datotek za to.

Drugič, bo naravna izguba časa znotraj brskalnika ustvari učinek, da je stran zasedli poslovanja in aktivno podpira dialog z obiskovalcem: še vedno ne vidi vsebine v razsutem stanju, zato bi rad dosledno in premišljen informacij izhod.

Tretjič, razvijalcu omogoča, da zagotovi obiskovalcu mehanizem za ustvarjanje vsebine v slogu, v katerem je primeren. Nihče drug nima tega.

Za izvedbo te zamisli je treba takoj po nalaganju strani in v procesu delovanja uporabiti mehanizem za ustvarjanje slogov elementov. Sodobna stran je AJAX v eni ali drugi različici. Ni težko izvesti oblikovanja slogov neposredno v procesu oblikovanja drevesa strani. Je preprosta, dostopna in učinkovita, saj vsebina ustreza oblikovanju.

To ni v nasprotju s sedanjim trendom ločevanja predstavitve podatkov od njihove obdelave in se izvaja na podatkih, ki se odhajajo na kartiranje.

CSS kot aktivna komponenta

Hipertekst je prinesel veliko dobrega, a le majhen del naravnih informacij je bil uspešno formaliziran, pojavili so se orodja in izkušnje pri ustvarjanju visokokakovostnih dokumentov HTML, XML in CSS. To ni problem, da formaliziramo nove količine informacij in spremenimo, kar je bilo storjeno prej.

V zvezi s CSS se ta proces že aktivira v popolnoma drugačnem kontekstu. Vgrajena orodja za jаvascript, ki omogočajo "na fly" za ustvarjanje elementov in stilov elementov ni predvidel take možnosti, in ustvarjalci PHP, še posebej, se domneva, da se ukvarjajo z oblikovanjem samo HTML strani.

Tako prvi kot drugi omogočata sloge programiranja. To je nova usmeritev na področju informacijske tehnologije. Slogi so veliko bolj formalni kot HTML ali XML, pravila so zelo preprosta. Slog je vedno prisoten v informacijah, ne glede na naravo.

Programatorji za obdelavo podatkov se vedno ukvarjajo s precej bolj neformalnimi področji, vendar je tema CSS zelo preprosta naloga, vendar nekako ni spadala v področje stališča razvojnega procesa.

Na dogme na področju programiranja

Kot ledena gora dogma ne more dolgo oropati informacijskih prostorov. Zbrane izkušnje so se osredotočile ne le na standarde HTML in CSS, orodja za delo z njimi, znanje razvijalcev.

Preprosta naloga - narediti barvo pisave s pomočjo CSS - je našla svojo odlično rešitev. Pravila, sintaksa, logika in priročnost so nesporni. Toda, tudi če dejansko pisava ni veliko barv za prakso, preveč je ni potrebno, in tudi za namene realnosti virtualizacije ne potrebujejo vse nakopičene "sile» HTML in CSS je, da prihaja čas, ko se je situacijsko znanje iti na reproducirati in prikaže izkušnje in orodja naravnega izobraževanja iz vsebine.

Kot bo to morda ne bo povsem jasno, vendar je dejstvo, da proces že poteka, očiten.