Stranica stranice je HTML oznake za označavanje koje se mogu dodijeliti određenoj klasi stila ili identifikatoru stila. Prvi se može odrediti jednom i pripisati bilo čemu koliko je potrebno jednom, drugi pripada određenom elementu.

Opći zapisi opisa stila

Tradicionalno, stil se stavlja u CSS datoteku, ali se može pripisati određenom elementu u njegovom atributu stila. Stil može biti kreiran dinamički pomoću JavaScript alata. Od posebne je važnosti ne opisati, na primjer, korištenje CSS-a boju fonta, njegovu veličinu, font, pozadinu pod njim itd. Mjesto opisa stila ima značenje u kontekstu, obično dvije ideje: kasnije opisano, to je prioritet, a ako je opisano na elementu, onda je to apsolutno! Potonji, zabilježen kao takav, jasno određuje prioritet. Primijenite stil tako da je, primjerice, neka boja fonta promijenila boju, moguće je bilo gdje i svejedno. Pitanje je kako će to učiniti preglednik tijekom rastavljanja svih stilova u agregatu. Koliko troši na procesorsko vrijeme? U idealnom slučaju, boja fonta bi trebala bitispominje se samo jednom - to je klasik. Razmišljati o jednom jednostavnom opisu je još par, a onda, naravno, možete. To je moderno, ali nepraktično.

Primjer opće logike

Sve je vrlo jednostavno: definiranjem pomoću CSS-a sve za tri elementa možete dobiti najmanje tri duge probleme: # Ele1 # Ele2 # Ele3 {
POLOŽAJ: apsolutno;
lijevo: 20px;
vrh: 14px;
boja: crvena;
} # Ele2 # Ele3 {
lijevo: 90px; //promjena vodoravne koordinate CSS-a
boja: žuta; //promijeni boju fonta CSS
} # Ele3 {
vrh: 114px; //promjena CSS koordinate okomito u boji: zelena; //ponovno promijenite boju fonta CSS pozadinska boja: lightgrey; //mijenja se boja odabira CSS teksta, ali to nije u # Ele1 i # Ele2; situacija je također promijenjena, ali je već promijenjena # Ele2 i ne kao ovdje} Sada moramo zapamtiti da su sva ova tri elementa negdje definirana, au slučaju promjene boje vlasnika stranice, programer će morati spomenuti ne samo boju, već i o pravilima lijeve i gornje, te o promjeni boje odabira teksta ne treba zaboraviti.


Nisu svi programeri poštovali CSS zahtjev: identifikator stila - samo jedan element i stil klase - za mnoge oznake, štoviše, potonji se može specificirati u oznakama kao pridjevi:

postaviti boju fonta u CSS - stil klase GroundColor;

odrediti veličinu fonta - veličinu klase15;

Postavite položaj - klasu PlaceUp.

Naravno, uporaba identifikatora, osobito kada pripadaju jednom elementu označavanja, bolja je od desetak stilskih klasa, oslikanih u različitim kombinacijama na stotinama elemenata stranice. Ali sve ima svoju objektivnu logiku.
Programer je jednostavanmora ispravno uzeti u obzir: ako čak i boja HTML fonta, CSS predlaže da se strogo opiše, tada je fleksibilnost cjelokupne strukture opisa njegovo djelo.

Očekivani rezultat primjene opće logike

Moderni preglednici mirno se pozivaju na velik broj stilskih lista i njihove volumene. Međutim, pri dizajniranju, osobito korištenjem CSS-a, boje cijele stranice, uvijek treba misliti na razumnu dostatnost. Nisu sva stilska pravila "jeftina" u primjeni. Jednostavan lakonski unos: * {color: white;} je definitivno lijep, ali se odnosi na sve elemente stranice bez iznimke. Od svih pravila koja su opremljena CSS-om, najvažniji je:

stil je klasa, a zatim njegovo ime počinje s ".";

Stil je identifikator i njegovo ime počinje znakom "#";

U drugim slučajevima, to je naziv oznake ili nečeg posebnog.

Druge ideje u dijelu koji opisuje stilove (nasljeđivanje, preklapanje svojstava, prioriteti, položaj, red itd.) Trebaju se smisleno i strogo primjenjivati. Preglednik će uvijek propustiti ono što neće opisati u opisu, tako da neće biti posebnih iznenađenja. Ako nešto nije na pravom mjestu ili ne možete odrediti boju fonta u CSS-u, onda postoji greška u stilu.

Neočekivane prilike

Ne biste trebali zloupotrebljavati stilove poput * {lijevo: 124px;} ili ol ol, ul ul, ul ul, ul ol {margin-bottom: 0;}
a img {border: 0; } Iako je programerima početnicima teško koristiti CSS pravila. Uvijek u razvoju bilo koje stranice, čak i idealno jednostavna CSS sintaksa daje nepredviđene probleme. Međutim, ako usredotočite svoje naporePodručje ispravne upotrebe sintakse, ali da bi se na njega primijenila javascript funkcija, tada će nove neočekivane mogućnosti izbjeći monotono stvaranje identifikatora za svaki element ili promatrati raznolikost korištenja stilskih klasa. CSS nije samo stilska tablica koja je pričvršćena na stranicu putem oznake veze ili je umetnuta kroz oznaku stila. To je ujedno i prilika za kreiranje stila u hodu ili za promjenu već postojećeg stila. Prilikom primjene CSS-a može se programirati boja fonta. Isto kao i veličina i položaj, uvlake. Stranica nije namijenjena primjeni znanja CSS-a, HTML-a, PHP-a ili sjaja s javascript efektima. Web resurs - to je prije svega informacija koja se daje na određeni način. Zato je CSS najbolje gledati dinamički kroz prizmu kako se može formirati dok je stranica još uvijek na poslužitelju (zauzima PHP u vrijeme kada je posjetitelj došao na web-lokaciju, a ne programer dok razvija web-lokaciju), potrebna je datoteka stila za određeni tekst, za relevantan sadržaj ili za kreiranje stila klase ili id-a tijekom rada stranice kada ga pregledava određeni posjetitelj.

Statička dinamika

Nije uvijek nužno pisati složen javascript da bi sadržaj bio dinamičan, a njegov dizajn - s odgovarajućim sadržajem. Ponekad je prilično istinito koristiti dostupne značajke. Konkretno, definirajući pomoću CSS-a boju fonta prvo pomoću statičkog pravila, možete sakriti ovo pravilo (skriveno) i vizualizirati ga (vidljivo). Ovdje dinamika ne zahtijeva algoritam: //osvijetli gumb za prijavu na mjestu
function scfWelcomeOver () {
document.getElementById ('scDocxNamePiP'). style.visibility = 'vidljivo';
}

//sakrij gumb za prijavu
function scfWelcomeOut () {
document.getElementById ('scDocxNamePiP') style.visibility = 'hidden';
} CSS nudi vlastite varijacije dinamike: trčanje linije, prozirnost elemenata, razne varijante slojeva, manifestacije, blijeđenje boja. U CSS-u, boja fonta može se napraviti čak i tako da nije osigurano pravilo stila.

Dinamičko prikazivanje sadržaja

Bez dogme vjerojatno ne bi bilo napretka. To jednostavno nije nešto za borbu. Hipertekst je u svijet donio mnoge dogme. Vrijeme je da privučete pozornost na njih i počnete razvijati stranice u pragmatičnom i praktičnom stilu. Prvo postoji stranica (P), ona sadrži sadržaj (K), sve oznake stranica su opisane u stilskom listu (S). Ne stvarajte novu P stranicu preko PHP-a ili Perla na poslužitelju, odabirom K iz baze podataka. Postojeći stil slova S bit će dodan s automatskim strojem. Međutim, K se može mijenjati, au većini slučajeva takva će promjena zahtijevati i druge stilove, to jest S +. Na primjer, kupac je rekao: "Stranica opisuje život Moskve će izgledati bolje ako novinski članci su dizajnirani u stilu Zazvatrak, opis noći ispraznost u stilu" Las Vegas ", i članke o znanstvenom i tehnološkom napretku u stilu" ModernTechno "." Ali ako napravite S na ove tri opcije, onda ne postoji jamstvo da kupac neće imati ideju da ima skup članaka "Vijesti", "Praznici", "Rad", "CSS /HTML" i bonus za "Holder Note". Praktičniji alternativni pristup. Bez obzira na kategoriju članka, uvijek postoji sadržaj koji se može naslikati na određeni načinu boji. Ovdje, na ovoj stranici, sasvim je ispravno misliti: dobivanje određenog K, još uvijek na poslužitelju kako bi se formirao odgovarajući S, i kada preglednik pita P, dobit će potreban sadržaj u pravilnom dizajnu.

Dinamika stila iz javascripta

Minimalno, iako vrlo učinkovito rješenje - za styling izravno u klijentskom pregledniku. Prvo, isprazni poslužitelj - ne morate gubiti vrijeme na stvaranju datoteka za označavanje stranica i stilova za njih. Drugo, prirodno vrijeme trajanja unutar preglednika stvorit će učinak da je stranica zauzeta i aktivno održava dijalog s posjetiteljem: ne uzima sadržaj na isti način, pa će uživati ​​u dosljednim i promišljenim izlaznim informacijama. Treće, programeru omogućuje da posjetitelju pruži mehanizam za stvaranje sadržaja u stilu koji mu odgovara. Ovo nije nitko. Za provedbu ove ideje, potrebno je implementirati mehanizam za stvaranje stilova elemenata odmah nakon učitavanja stranice i tijekom procesa rada. Moderna stranica je AJAX na ovaj ili onaj način. Nije teško izvoditi styling izravno u procesu oblikovanja stabla stranica. Jednostavan je, pristupačan i učinkovit, jer sadržaj ide uz njegov dizajn. To nije u suprotnosti s trenutnom tendencijom odvajanja prikaza podataka od njihove obrade i izvršavanja podataka koji se odražavaju.

CSS kao aktivna komponenta

Hipertekst je donio mnogo dobra, ali je samo mali dio prirodnih informacija uspješno formaliziran,postojali su alati i iskustvo u stvaranju visokokvalitetnih HTML, XML, CSS dokumenata. Nije problem formalizirati nove količine informacija i mijenjati već napravljene ranije. Što se tiče CSS-a, ovaj proces je već aktiviran u posve drugačijem kontekstu. Ugrađeni javascript omogućuje vam da "stvorite u letu" elemente i stilove elemenata, ne pretpostavljate takvu mogućnost, a kreatori PHP-a smatraju se posebno uključenim u formiranje samo HTML stranica. I prvi i drugi omogućuju vam programiranje stilova. To je novi smjer u području informacijske tehnologije. Stilovi su mnogo formalnija stvar od HTML-a ili XML-a, pravila su vrlo jednostavna. Stil je uvijek prisutan u informacijama, bez obzira na prirodu. Dizajneri podataka uvijek su uključeni u mnogo neformalizirana područja, ali CSS tema je vrlo jednostavan zadatak, ali nije spadala u područje razvoja.

O dogmi u programiranju

Kao ledeni brijeg, dogma ne može dugo razbjesniti informacijske prostore. Akumulirano iskustvo nije se usredotočilo samo na HTML i CSS standarde, alate koji rade s njima, već i na znanje programera. Jednostavan zadatak - napraviti CSS boju fontova - pronašao je svoje izvrsno rješenje. Pravila, sintaksa, logika i praktičnost su izvan sumnje. Ali čak i kada fontovi stvarno ne trebaju mnogo, boje za praksu, također, ne trebaju puno, i općenito, u svrhu virtualizacije stvarnosti ne treba sve nagomilane "snage" HTML-a i CSS-a, dolazi trenutak kada situacijsko znanje odlazi u reprodukciju i pojavljuje se iskustva i alataprirodni oblik stilova sadržaja. Možda i nije sasvim jasno, ali je očita činjenica da je proces već u tijeku.