CSS: boja fonta, stil, uzorak, veličinu

Programiranje - ogledalo: u početku je bila riječ, a ne odbija nazad. I vrlo brzo je morala da "promjene": prvo ogledalo, onda je riječ ... U ovom trenutku, kaskadnim stila - je dobar, ali zašto toliko dugo da će to smeta programer? CSS - sve je to isto puta niz doba kompjuterskih programa, ali samo u drugačiju perspektivu. Čak i kada masa postane asocijativne revolucija nije napravljena.

website stranicu - to tags HTML-označavanje, što se može pripisati određeni stil ili stil identifikator klase. Prvi se može definirati jednom i da se pripisati bilo prijeko potrebnih vremena, a drugi pripada određeni element.

Opće logika opis stilova

Po tradiciji, stil se nalazi u CSS-file, ali se može pripisati određeni element u svom stilu atributa. Stil se može kreirati u dinamici JavaScript alata. Od posebnog značaja ne kao što je opisano, na primjer, pomoću CSS boja fonta, njegova veličina, slušalice, pozadina ispod njega, i tako dalje. Opis lokacije stil je važno u kontekstu, obično dve ideje: kasnije je opisao, tako da je veći prioritet, a ako je opisano u elementu, to čini važno !. Posljednja snimljena kao što je, jasno definira prioritet.

Nanesite stil, na primjer, određene boje fonta promjena boje, može biti bilo gdje i bilo. Postavlja se pitanje kako u pretraživaču reaguju na to prilikom demontaže svih stilova zajedno. Koliko je potrošiti na ovaj CPU?

U idealnom slučaju, boju fonta treba navesti samo jednom - to je klasika. Mislim da se na jednostavan opis par, a zatim još jedan i još jedan ... naravno, možeš. To je u modi, ali praktične.

PRIMJER general logika

Jednostavno odrediti CSS boja za sva tri elementa, moguće je dobiti najmanje tri dugotrajni problemi:

# Ele1, # Ele2, # Ele3 {
Position: absolute;
lijevo: 20px;
top: 14px;
boja: crvena;
}

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

# Ele3 {
top: 114px; // promijeniti CSS vertikalna koordinata

boja: zelena; // ponovo promijeniti boju fonta CSS

background-color: lightgrey; // CSS tekst vrhunac boja mijenjati, ali to nije prisutan u # Ele1 i # Ele2; položaj također promijenjen, ali je promijenio u # Ele2, a ne, kao što je ovdje

}

Sada moramo imati na umu da su sva ova tri elementa je negdje definiran, au slučaju promjene reprezentacija boje vlasnika sajta, investitor će imati na umu ne samo o boji, ali io ostavio pravilima i top, pa čak i promijeniti vrhunac boju teksta ne treba zaboraviti.

Nisu svi programeri su poštovani zahtjev CSS: Stil ID - samo jedan element, i stil klase - više tagova, osim poslednjem trenutku tagove kao pridjeva:

• podesiti boju fonta u CSS - stil groundColor klase;
• odrediti veličinu slova - klasa size15;
• set položaj - klasa PlaceUp.

Naravno, korištenje identifikatora, posebno kada oni pripadaju istom obilježavanja element klase stil prvih deset, obojena u raznim kombinacijama stotina elemente stranice. Ali sve ima svoj cilj logiku.

Programer jednostavno mora ispravno uzeti u obzir: čak i ako je font boju HTML, CSS nudi da opiše teško, fleksibilnost ukupnoj strukturi opisa - to je njegov posao.

Očekivani rezultat korištenja zajedničke logike

Modernim pretraživačima su komforni sa puno stila datoteka i volumena. Međutim, projektiranje, posebno kroz CSS, boja čitavu stranicu, trebalo bi da stalno mislim na razuman dostatnosti. Nije sva pravila stila "jeftino" izgled u aplikaciji. Jednostavan lakonski unos: * {boja: bijela;} - svakako lepa, ali to se odnosi na sve elemente stranice, bez izuzetka.

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

• stil - klasa, a zatim prezime počinje sa "."
• stil - identifikator i ime počinje sa "#" karakter;
• u drugim slučajevima - sa imenom ili nešto posebno

Preostali dio ideja opisa u Styles (svojstva nasljedstva preklapaju, prioritete, položaj, kako i sl. D.) Ukoliko se koristi inteligentno i strogo potrebno.

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

neočekivane mogućnosti

ne bi trebalo da bude zlostavljano stilova kao što su * {left: 124px; } ili

ol ol ol ul, ul ul, ul ol {margin-bottom: 0; }
a img {border: 0; }

Iako je teško da čak i početnik programer za korištenje CSS pravila kao što su. Uvijek u razvoju bilo koje web stranice, čak i savršeno jednostavno CSS sintaksa daje neočekivane probleme. Međutim, ako se odnose direktno napore da pravilna upotreba sintakse, ali funkcionalnosti JavaScript je nov i neočekivan mogućnosti će izbjeći monotoni stvoriti identifikatore za svaki element, ili da prate korištenje raznih stilova i klase.

CSS - nije samo stil datoteku koja je povezana na stranicu putem linka oznaku ili umetnuti u njega kroz stil oznaku. Također je moguće da se stvori stil u letu ili mijenjati postojeće jedan.

Korištenjem CSS, boju fonta može izvršiti programski. Kao što su veličina i položaj, margine. Website - nije cilj da se primjenjuju znanja u CSS, HTML, PHP ili JavaScript efekte flash.

Web resursa - prije svega informacija ponuđenih na određeni način. To je razlog zašto CSS najbolje se vidi u dinamici kroz prizmu kako je moguće da se formira, dok je stranica i dalje na serveru (nije dostupan PHP u trenutku kada posetilac sajta je došao, a ne programer u vrijeme kada je razvijao sajt), željeni stila određeni tekst relevantan sadržaj, ili da se stvori klase stilu ili identifikator u letu kao strani radi, kada se gleda na određenom posjetitelja.

statički dinamika

Ne treba uvijek pisati sofisticirane find JavaScript-kod kako bi dinamički sadržaj i dizajn - odgovarajući sadržaj. Ponekad je dovoljno da se pravilno koriste raspoložive mogućnosti. Konkretno, definiranjem CSS boju slova na početku statički pravilo, možete sakriti ovog pravila (skrivene) i vizualizirati različite (vidljivi).

Evo, zvučnik ne zahtijeva algoritam:

// da se ukaže na dugme ulaz na web stranici
funkcija scfWelcomeOver () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'vidljivi' .;
}

// sakriti tipke ulaza na sajtu
funkcionirati scfWelcomeOut () {
document.getElementById ( 'scDocxNamePiP') style.visibility = "skrivene '.;
}

CSS nudi vlastitu dinamiku: tickers, transparentni elementi, razne embodiments preklapanja, prikazuje, blijedi boja. U CSS, boju fonta može biti čak i tako da se ne pruža niko stilske pravilo.

Dinamički prikaz sadržaja

Ako nema dogmi, možda ne bi bilo ni napretka. Samo ne ono što je bilo da se bore. Hipertekst dovedeni u svijetu puno dogme. To je vrijeme da obratite pažnju na njih i da se pristupi izradi lokacijama na pragmatičan i praktičan način.

U početku je stranica (P), neki od sadržaja (K), sve tagove stranice su opisani u stilu list (S). Nije novi oblik P stranicu putem PHP ili Perl na serveru izborom K iz baze podataka. Postojeći stila S automatski će se pratiti. Međutim, K mogu se mijenjati, a u većini slučajeva, takva promjena bi značilo potrebu za ostale stilove, to jest, S +.

Na primjer, kupac je rekao: "Na lokalitetu opisuje život Moskve, će izgledati bolje ako je novinske članke uređeni su u stilu" ZaZavtrakom ", opisuje noć gužve u stilu" Las Vegas "i članaka o naučno-tehnološkog napretka u stilu" ModernTehno ". Ali ako napravimo S tri od tih opcija, ne postoji garancija da kupac neće imati pojma da imaju set članaka "Vijesti", "odmor", "Rad", "CSS / HTML» bonus "HozyaykeNaZametku".

Drugi pristup praktičnije. Bez obzira na kategoriju članka uvijek postoji sadržaj koji može biti obojen u određenu boju. Ovdje na ovom mjestu postoji prilično razumna ideja: Određene K, i dalje na serveru za generiranje adekvatan S, a pretraživač će zahtijevati P, on će dobiti pravo sadržaj u odgovarajućem odobrenje.

Dinamika stil JavaScript

Minimum, iako vrlo učinkovito rješenje - da učine stajling direktno u preglednik klijenta. Prvo, to oslobađa server - neće morati da provode vrijeme na formiranje hiperteksta stranica i stil datoteke za to.

Drugo, prirodni gubitak vremena unutar pretraživač će stvoriti efekt da je stranica zauzima poslovanja i aktivno podržava dijalog sa posjetitelj: on i dalje ne vidi sadržaj u rinfuzi, dakle, da bi volio konzistentan i promišljen informacije izlaz.

Treće, on omogućava programeru da pruži mehanizam posjetitelja sadržaja u ovom stilu, u kojima je ugodno. To nije ni nikoga.

Za realizaciju ovog ideja, morate implementirati mehanizam za stvaranje elemenata stila odmah nakon stranica učita, a tokom svog rada. Modern mjestu - to je AJAX u određenom obliku. To nije teško za obavljanje formiranju stilova izravno u procesu formiranja stabla stranice. Lako je, pristupačna i efikasna, jer je sadržaj zajedno sa svojim registraciju.

Ovo nije u suprotnosti sa modernim tendencija da se odvoji prezentaciju podataka iz obrade vrši se na podacima i ostavljajući na ekranu.

CSS kao aktivni sastojak

Hipertekst donio dosta dobro, ali samo mali dio prirodnog informacija je uspješno formalizirana, bilo alata i iskustvo u stvaranju visoko kvalitetnih HTML, XML, CSS dokumente. Nije problem da ozvaniči nove količine informacija i promjena koji su već napravili ranije.

Što se tiče CSS, ovaj proces se aktivira u potpuno drugačijem kontekstu. Ugrađeni alat u JavaScript, omogućavajući "u hodu" za kreiranje elemenata i stilova elemenata nije predvidjeti takvu mogućnost, a kreatori PHP-u, posebno, vjeruje da se bavi u formiranju samo HTML stranice.

Iu prvom iu drugom dozvoljava učiniti programiranje stilova. Ovaj novi pravac u oblasti informacionih tehnologija. Stilova znatno više formalna stvar nego XML ili HTML, pravila su vrlo jednostavna. Stil je uvijek prisutan u informacije, bez obzira na to koliko je prirodno je bilo.

programeri Registracija baze podataka uvijek bavi mnogo formaliziran sektorima, ali CSS tema - vrlo jednostavan zadatak, ali nekako nisu dobili u vidno polje u procesu razvoja.

Na dogma u oblasti programiranja

Kao u santu leda, dogma ne može dugo prostranstva brazdastoga informacije. Iskustva iz prošlosti je da se usredsredi ne samo u HTML- i CSS-standarda, alat za rad s njima, programeri znanja.

A jednostavan zadatak - da se kroz CSS font boja - je pronašla savršeno rješenje. Pravila, sintaksa, logika i udobnost su nesporne. Ali čak i kada je font zapravo nemaju puno boja za praksu, previše nije potrebno, i zaista radi o realnosti virtualizacije ne treba sve nagomilane "sila» HTML i CSS, dođe vrijeme kada je poznavanje situacije idite na reproducirati i prikazati iskustvo i alate prirodnog formiranja stilova sadržaja.

Kako će to biti, ne može biti u potpunosti jasno, ali da je taj proces već u toku, očigledno.