CSS: Boja fonta, stil, uzorak, veličina

Programiranje - ogledalo: u početku bijaše riječ, a ne reflektira natrag. I vrlo brzo morao je „promjena”: prvi ogledalo, a zatim riječ ... U ovom trenutku, CSS - je dobro, ali zašto toliko dugo da će to smeta programer? CSS - to je sve isto array puta doba računalnih programa, ali samo u drugačije perspektive. Čak i kada su mase postati asocijativni revolucija nije napravio.

web stranica - to tags HTML-označavanje, koji se može pripisati određenom identifikator klase stil ili stil. Prvo se može definirati jednom i bilo čemu pridavati toliko potreban vremena, a druga pripada određeni element.

Opća logika opisa stilova

Po tradiciji, stil se nalazi u CSS-datoteku, ali se može pripisati određeni element u svom stilu atribut. Stil može biti izrađen u dinamici JavaScript alata. Od posebne je važnosti ne kao što je opisano, na primjer, pomoću CSS-boja fonta, veličina, slušalice, pozadine ispod nje i tako dalje. Opis Lokacija stil je važno u kontekstu, obično dvije ideje: kasnije opisano, tako da je veći prioritet, a ako je opisano u elementu, to ne važno !. Zadnja zabilježena kao što je, jasno definira prioritet.

Nanesite stila, na primjer, određene boje mijenjaju boju fonta, može biti bilo gdje i bilo što. Pitanje je kako reagirati na nju u pregledniku tijekom demontaže svih stilova zajedno. Koliko je potrošiti na ovaj CPU?

U idealnom slučaju, boja fonta treba navesti samo jednom - to je klasičan. Misli se na jednostavan opis par, a zatim još jedan i još jedan ... naravno, možete. To je moderan, ali praktična.

Primjer opće logika

Vrlo jednostavno odrediti CSS boja za sva tri elementa, moguće je dobiti barem tri dugo trčanje probleme:

# ELE1, # Ele2, # Ele3 {
POLOŽAJ: apsolutna;
lijevo: 20 px;
vrh: 14px;
color: red;
}

# Ele2, # Ele3 {
lijevo: 90px; // mijenjati CSS horizontalne koordinate
Boja: žuta; // promijeniti boju fonta CSS
}

# Ele3 {
vrh: 114px; // mijenjati CSS vertikalnom koordinatom

boja: zelena; // ponovno promijeniti boju fonta CSS

Pozadina boja: lightgrey; // CSS tekst vrhunac problijedje, ali to nije prisutna u # ELE1 i # Ele2; pozicija promijenila, ali to se promijenilo u # Ele2, a ne, kao što je ovdje

}

Sada imamo na umu da sva ta tri elementa definirana negdje, au slučaju promjene boja prikaza vlasnika stranice, programer će imati na umu ne samo o boji, ali io lijevoj pravilima i vrhu, pa čak i promijeniti vrhunac boja teksta ne smije se zaboraviti.

Nisu svi programeri su časni uvjet CSS: Stil ID - samo jedan element, a razred stil - mnoge oznake, osim posljednjeg mogućeg trenutku u oznake kao pridjevi:

• postaviti boju fonta u CSS - groundColor klasi stilu;
• odrediti veličinu fonta - klasa size15;
• Skup pozicija - klasa PlaceUp.

Naravno, korištenje identifikatora, pogotovo kada oni pripadaju istom elementu oznake, prvih deset stil klase, oslikane u raznim kombinacijama stotina elemente stranice. Ali sve ima svoju objektivnu logiku.

Programer jednostavno ispravno mora uzeti u obzir: čak i ako je font boja HTML, CSS nudi za opisivanje teško, fleksibilnost ukupnoj strukturi opisima - to je njegov posao.

Očekivani rezultat korištenja zajedničke logike

Moderni preglednici su udobne s puno stila datoteka i volumena. Međutim, projektiranje, posebice kroz CSS, boja cijelu stranicu, uvijek biste trebali misliti o razumnom dostatnosti. Nije sve u stilu pravila „jeftino” Pogled u prijavi. Jednostavno lakonski unos: * {boja: bijela;} - sigurno lijepa, ali to se odnosi na sve elemente stranice, bez iznimke.

Od svih pravila, koja je opremljena CSS, najvažnije:

• stil - klasa, a zatim naziv počinje s „”
• stil - identifikator, a ime počinje sa „#” karaktera;
• u drugim slučajevima - oznaku imena ili nečim posebnim

Preostali dio opisa ideje u stilovima (svojstva nasljedstvo preklapaju, prioritete, položaj, naručivanje i sl. D.) Ukoliko se koristi inteligentno i strogo potrebno.

Preglednik uvijek nedostajati, ne bi se u opisu, tako da su posebne iznenađenja neće. Ako nešto nije bio na pravom mjestu ili podesite boju fonta u CSS nije moguće, dakle, u stilu pogreške.

neočekivane prilike

ne bi trebao biti zlostavljani stilova kao što su * {lijeve: 124px; } ili

ol ol ol ul, ul ul ul ola {margin dna: 0; }
img {granica: 0; }

Iako je teško napraviti čak i početnik programer koristiti CSS pravila kao što su oni. Uvijek u razvoju bilo koje stranice, čak i savršeno jednostavan CSS sintaksa daje neočekivane probleme. Međutim, ako izravna napori za pravilnu uporabu sintaksi, ali se primjenjuju funkcionalnost JavaScript je nove i neočekivane prilike će izbjeći monotoni stvoriti identifikatore za svaki element, ili pratiti korištenje raznih stilova i klase.

CSS - nije samo stil datoteka koji je spojen na stranicu preko linka oznaku ili umetnuti u njega kroz stil oznake. Također je moguće stvoriti stil u letu ili mijenjati postojeće.

Korištenjem CSS, boju fonta može učiniti programski. Kao i veličinu i položaj, margine. Web stranica - nije cilj primijeniti znanje u CSS, HTML, PHP ili JavaScript efekte bljeskalice.

Web resursa - prije svih informacija ponuđenih na određeni način. Zato CSS najbolje se vidi u dinamici kroz objektiv kako je moguće da se formira, a stranica je još uvijek na poslužitelju (nije dostupna PHP u vrijeme kada je posjetitelj došao, a ne programer u vrijeme kada je bio u razvoju stranice), željeni stylesheet specifičan tekst za relevantan sadržaj ili za stvaranje klase stil ili identifikator u letu kao i stranica funkcionira, kad se gleda određeni posjetitelj.

statički dinamika

Ne treba uvijek pisati sofisticirane pronaći JavaScript šifru napraviti dinamički sadržaj i njegov dizajn - odgovarajući sadržaj. Ponekad je dovoljno da pravilno korištenje dostupnih mogućnosti. Konkretno, definirajući CSS boja fonta u početku statički pravilo, možete sakriti ovo pravilo (skriven) i vizualizirati različite (vidljivi).

Evo, zvučnik ne zahtijeva algoritam:

// istaknuti tipku ulaza na web stranici
Funkcija scfWelcomeOver () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'vidljivi' .;
}

// sakriti tipku ulaza na web stranici
funkcionira scfWelcomeOut () {
document.getElementById ( 'scDocxNamePiP') style.visibility = "skrivena .;
}

CSS nudi vlastitu dinamiku: tickers, prozirne elemente, razne izvedbe slojeve, prikaze, feding boje. U CSS, boja fonta može biti čak toliko da nitko stilska pravilo nije predviđeno.

Dinamički prikaz sadržaja

Da nema dogmi, možda ne bi bilo napretka. Samo ne ono što je bilo da se bore. Hipertekst je donio na svijet puno dogme. To je vrijeme da obratite pozornost na njih i početi u razvoju mjesta u pragmatičnog i praktičnog stila.

U početku, bilo je stranica (P), neki sadržaj (K), sve oznake stranici opisane su u style sheet (S). Nije novi oblik P stranica putem PHP ili Perl na poslužitelju odabirom K iz baze podataka. Postojeći style sheet S automatski će uslijediti. Međutim, K može se mijenjati, te u većini slučajeva, takva promjena za sobom povlači potrebu za drugim stilovima, odnosno S +.

Na primjer, kupac je rekao: „Na stranicama opisuje život Moskvi će izgledati bolje ako se novinskih članaka uređena u stilu” ZaZavtrakom „opisuje noć komešanje u stilu” Las Vegas ‘i članaka o znanstvenom i tehnološkom napretku u stilu’ ModernTehno ' ". No, ako ćemo napraviti S na tri od tih opcija, ne postoji jamstvo da kupac neće imati pojma da imaju niz članaka „Novosti”, „Holiday”, „rad», «CSS / HTML» Bonus ‘HozyaykeNaZametku’.

Drugi pristup više praktičan. Bez obzira na kategoriju članka uvijek postoji sadržaj koji može biti oslikana u određenoj boji. Ovdje na ovom mjestu postoji vrlo osjetljiv ideja: Detaljne K, još uvijek na poslužitelju za generiranje adekvatnu S, a preglednik će zahtijevati P, on će dobiti pravo sadržaj u odgovarajućem vrijeme.

Dinamika stil JavaScript

Minimalna, iako je vrlo učinkovito rješenje - učiniti styling izravno klijenta pregledniku. Prvo, to oslobađa server - neće morati trošiti vrijeme na stvaranje hipertekstualnih stranica i datoteka stila za to.

Drugo, prirodno gubljenje vremena unutar pregledniku moći ćete stvoriti efekt da se stranica zauzima poslovanja i aktivno podržava dijalog s posjetitelja: on i dalje ne vidi sadržaj u rasutom stanju, dakle, on bi kao dosljedan i promišljena informacija izlaz.

Treće, to omogućuje developer osigurati mehanizam posjetitelja sadržaja u tom stilu, u kojoj je ugodno. Nije ni bilo tko.

Za provedbu ove ideje, potrebno je implementirati mehanizam za stvaranje elemenata stila odmah nakon učitavanja stranice, te u toku svog rada. Moderna stranica - to je AJAX u određenom obliku. To nije teško provesti formiranje stilova izravno u procesu formiranja stranice stabla. To je jednostavan, pristupačan i učinkovit, jer sadržaj je zajedno sa svojim registracije.

To ne proturječi modernu tendenciju za odvajanje predstavljanje podataka iz obrade izvode se na podacima i odlazi na zaslonu.

CSS kao aktivni sastojak

Hipertekst donio mnogo dobra, ali samo mali dio prirodnog informacija uspješno je formalizirana, bilo alati i iskustva u stvaranju visoke kvalitete HTML, XML, CSS dokumente. Nije problem formalizirati nove količine informacija i promjene već napravio ranije.

S obzirom na CSS, ovaj proces se aktivira u potpuno drugačijem kontekstu. Ugrađeni alati u JavaScriptu, omogućujući „u letu” stvoriti elemente i stilove elemenata nije predvidjeti takvu mogućnost, a kreatori PHP, posebice, vjeruje da se bave stvaranjem samo HTML stranice.

I prvi i drugi omogućuje učiniti programiranje stilova. Ovaj novi smjer u području informatičke tehnologije. Stilovi znatno više formalna stvar od XML ili HTML, pravila su vrlo jednostavna. Stil je uvijek prisutna u podatke, bez obzira koliko prirodno je bilo.

Registracija baze podataka programeri su sudjelovali uvijek u mnogo više službenih sektora, ali CSS Tema - vrlo jednostavan zadatak, ali nekako nisu dobili u vidnom polju u procesu razvoja.

Na dogmi u području programiranja

Kao ledenog brijega, dogma ne može dugo prostranstva brazda informacije. Dosadašnja iskustva su morali usredotočiti ne samo u html i CSS-standardima, alati za rad sa njima, znanja programere.

Jednostavan zadatak - da bi se kroz boju fonta CSS - pronašao savršeno rješenje. Pravila, sintaksa, logika i udobnost su neupitni. No, čak i kad je pismo zapravo nemaju mnogo boja za praksu, previše nije potrebno, a zapravo radi realnosti virtualizacije ne trebaju sve nakupljene „sile» HTML i CSS, dolazi vrijeme kad je situacijska znanje ići na reproducirati i prikazuje iskustvo i alati prirodnog formiranja stilova sadržaja.

Kako će to biti, ne može biti u potpunosti jasno, ali to je proces već je u tijeku, očito.