CSS: skriftfarge, stil, mønster, størrelse

Programmering - speilet: I begynnelsen var ordet, og ikke reflektert tilbake. Og veldig raskt det måtte "endre": første speil, deretter ordet ... På dette punktet, Cascading Style Sheet - er bra, men hvorfor så lenge det skulle tankene utvikler? CSS - det er alle de samme matrise ganger æra av dataprogrammer, men bare i et annet perspektiv. Selv når massene blir assosiativ revolusjon ikke er gjort.

internettside - det tags HTML-markup, som kan henføres til en bestemt stil eller stil klasse identifikator. Den første kan defineres en gang, og for å tillegge til noe mye tid er nødvendig, og den andre hører til et bestemt element.

Den generelle logikken i beskrivelsen av stiler

Av tradisjon, er stilen plassert i CSS-filen, men kan tilskrives et bestemt element i sin stil attributtet. Stilen kan opprettes i dynamikken i Javascript verktøy. Av særlig betydning er ikke som beskrevet, for eksempel ved hjelp av CSS farge font, størrelse, headsettet, bakgrunn under den og så videre. Sted beskrivelse stil er viktig i sammenheng med, vanligvis to ideer: den senere beskrevet, så det er en høyere prioritet, og hvis beskrevet i elementet, gjør det viktig !. Sist registrert som det er, definerer tydelig prioritet.

Bruke stilen på, for eksempel en bestemt skriftfarge endre farge, kan være hvor som helst og hva som helst. Spørsmålet er hvordan man skal reagere på det i en nettleser under demontering av alle stilarter sammen. Hvor mye han bruker på denne CPU?

Ideelt sett bør skriftfarge angis bare én gang - det er en klassiker. Tenk ut til en enkel beskrivelse av et par, og deretter en annen og en annen ... selvfølgelig, det kan du. Det er moderne, men praktisk.

EKSEMPEL generelle logikken

Ganske enkelt bestemmes av CSS farge for alle tre elementene, er det mulig å få minst tre langvarige problemer:

# Ele1, # Ele2, # Ele3 {
STILLING: absolute;
venstre: 20px;
top: 14px;
color: red;
}

# Ele2, # Ele3 {
venstre: 90px; // endre CSS horisontale koordinatene
farge: gul; // endre fargen på skriften CSS
}

# Ele3 {
top: 114px; // endre CSS vertikal koordinat

Farge: green; // igjen endre fargen på skriften CSS

background-color: lightgrey; // CSS tekst høydepunkt farge endres, men dette er ikke til stede i # Ele1 og # Ele2; stilling også endret, men det har endret seg i # Ele2 og ikke, som her

}

Nå må vi huske at alle disse tre elementene er definert et sted, og i tilfelle av en endring av farge representasjoner av eieren av nettstedet, vil utbygger må huske ikke bare om fargen, men også om reglene for venstre og topp, og selv å endre høydepunktet fargen på teksten bør ikke bli glemt.

Ikke alle utviklere er aktet krav CSS: Stil ID - bare ett element, og klassen stil - mange koder, i tillegg til siste mulige poeng i kodene som adjektiver:

• angi skriftfarge i CSS - stil groundColor klasse;
• angi skriftstørrelsen - klasse size15;
• set stilling - klasse PlaceUp.

Naturligvis, bruk av identifikatorer, spesielt når de tilhører samme merking element, de ti beste stil klasser, malt i ulike kombinasjoner av hundrevis av sideelementer. Men alt har sin egen målsetting logikk.

Utbygger må bare riktig å ta hensyn til: selv om skriftfargen på HTML, CSS og tilbyr å beskrive hardt, fleksibilitet av den overordnede strukturen av beskrivelsene - det er jobben hans.

Forventet resultat av å bruke vanlig logikk

Moderne nettlesere er komfortabel med mye stil filer og volumer. Men designe, særlig gjennom CSS, farge hele siden, bør du alltid tenke på rimelig forsyning. Ikke alle stilregler "billig" titt i programmet. Enkelt lakonisk oppføring: * {color: white;} - absolutt vakker, men det gjelder for alle elementer på siden, uten unntak.

Av alle reglene, som er utstyrt med CSS, det viktigste:

• stil - klasse, og deretter navnet starter med ""
• stil - identifikator og navnet begynner med en "#" karakter;
• i andre tilfeller - en navnelapp eller noe spesielt

Den gjenværende del av beskrivelsen ideene i Stil (arveegenskaper overlapper hverandre, prioriteringer, posisjon, rekkefølgen og lignende. D.) skal brukes på en intelligent måte og er strengt nødvendig.

Nettleseren alltid savne, gjør ikke ut i beskrivelsen, slik at de spesielle overraskelser vil ikke. Hvis noe ikke var på rett sted eller velge skrift farge i CSS er ikke mulig, derfor i stil med feilen.

uventede muligheter

Bør ikke bli misbrukt stiler som * {venstre: 124px; } eller

ol ol, ol ul, ul ul, ul ol {margin-bottom: 0; }
en img {kant: 0; }

Selv om det er vanskelig å gjøre selv en nybegynner utvikler til å bruke CSS-regler som de er. Alltid i utviklingen av et nettsted, selv gir helt enkelt CSS syntaks uventede problemer. Men hvis direkte innsats til riktig bruk av syntaksen, men gjelder Javascript-funksjonalitet den er nye og uventede muligheter vil unngå monotont skape identifikatorer for hvert element, eller for å overvåke bruken av forskjellige stiler og klasser.

CSS - er ikke bare en stil fil som er koblet til siden via link tag eller settes inn i det gjennom stil kode. Det er også mulig å lage en stil på fly eller modifisere en eksisterende.

Ved å bruke CSS, kan skriftfargen gjøres programmatisk. I tillegg til størrelse og posisjon, marginer. Nettstedet - er ikke et mål å anvende kunnskap i CSS, HTML, PHP eller Javascript effekter flash.

Nettressurs - er først og fremst informasjon som tilbys på en bestemt måte. Det er derfor CSS er best sett i dynamikken gjennom linsen på hvordan det er mulig å danne, mens siden er fortsatt på serveren (det er ikke tilgjengelig PHP på den tiden da området besøkende kom, ikke utvikleren på den tiden da han var å utvikle området), ønsket stilark en bestemt tekst for relevant innhold, eller for å skape en stil klasse eller identifikator på fly som siden fungerer, når det ser ut på et bestemt besøkende.

statiske dynamikk

Vi bør ikke alltid skrive sofistikert find Javascript-kode for å lage dynamisk innhold og design - et tilstrekkelig innhold. Noen ganger er det nok du skal bruke de tilgjengelige muligheter. Spesielt ved å definere CSS skriftfarge opprinnelig statisk regel, kan du skjule denne regelen (skjult) og visualisere ulike (synlig).

Her gjør taleren ikke krever algoritmen:

// for å markere inngangen knappen på nettsiden
funksjon scfWelcomeOver () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'synlig' .;
}

// skjule inngangsknappen på nettsiden
funksjon scfWelcomeOut () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'skjulte' .;
}

CSS tilbyr egen dynamikk: telegrafer, transparente elementer, ulike utførelser overlegg, skjermer, fading farger. I CSS, kan skriftfargen gjøres enda slik at ingen stilistiske regel ikke er gitt.

Dynamisk innhold skjerm

Hvis det var ingen dogmer, kanskje det skulle være noen fremgang. Bare ikke hva det var som å kjempe. Hyper satt til verden en masse dogmer. Det er på tide å ta hensyn til dem, og å begynne å utvikle områder i en pragmatisk og praktisk stil.

I utgangspunktet er det en side (P), noe av innholdet (K), alle kodene på siden er beskrevet i arket (S). Ikke en ny form P page via PHP eller Perl på serveren ved å velge K fra databasen. Eksisterende stilark S vil følge automatisk. Imidlertid kan K endres, og i de fleste tilfeller vil en slik endring medføre behov for andre stilarter, det vil si S +.

For eksempel, kunden sa: "Nettstedet beskriver livet til Moskva, vil se bedre ut hvis de nyhetsartikler er innredet i stil med" ZaZavtrakom "som beskriver natten mas i stil med" Las Vegas 'og artikler om vitenskapelige og teknologiske fremskritt i stil med' ModernTehno ' ». Men hvis vi gjør S på tre av disse alternativene, er det ingen garanti for at kunden ikke vil ha idé å ha et sett med artikler "Nyheter", "ferie", "Work», «CSS / HTML» bonus 'HozyaykeNaZametku'.

En annen tilnærming mer praktisk. Uavhengig av kategorien av artikkelen er det alltid innhold som kan være malt i en bestemt farge. Her i dette stedet er det ganske fornuftig idé: spesifikk K, fortsatt på serveren for å generere en tilstrekkelig S, og nettleseren vil kreve P, vil han få riktig innhold i riktig klaring.

Dynamics stil av Javascript

Minimum, men svært effektiv løsning - å gjøre styling direkte i kundens nettleser. Først lindrer den serveren - slipper å bruke tid på dannelsen av hypertekst sider og stil filer for det.

For det andre vil den naturlige bortkastet tid inne i nettleseren skape effekten at siden er okkupert av virksomheten og aktivt støtter dialog med besøkende: han fortsatt ikke se innholdet i bulk, derfor ville han gjerne en konsekvent og gjennomtenkt informasjon utgang.

For det tredje kan det utvikleren å gi den besøkende mekanismen av innholdet i denne stilen, der han er komfortabel. Det er ikke engang noen.

For å gjennomføre denne ideen, må du innføre en mekanisme for å lage stilelementer umiddelbart etter siden lastes, og i løpet av sin drift. Moderne stedet - det er AJAX i en bestemt form. Det er ikke vanskelig å gjennomføre dannelsen av stiler direkte i prosessen med dannelsen av sidetreet. Det er enkelt, rimelig og effektiv, fordi innholdet er sammen med sin registrering.

Dette motsier ikke den moderne tendensen til å skille presentasjon av data fra behandlingen utføres på data og drar i displayet.

CSS som en aktiv ingrediens

Hyper brakt mye godt, men bare en liten brøkdel av den naturlige informasjonen ble vellykket formalisert, var det verktøy og erfaring i å skape høy kvalitet HTML, XML, CSS dokumenter. Ikke et problem å formalisere de nye mengder informasjon og endringer allerede gjort tidligere.

Med hensyn til CSS, er denne prosessen aktivert i en helt annen sammenheng. Innebygde verktøy i Javascript, slik at "on the fly" for å lage elementer og stiler av elementene ikke hadde forutsett en slik mulighet, og skaperne av PHP, særlig antas å være engasjert i dannelsen av bare HTML-sider.

Både den første og den andre kan gjøre programmering stiler. Denne nye retningen innen informasjonsteknologi. Styles betydelig mer formell ting enn XML eller HTML, reglene er veldig enkelt. Stil er alltid til stede i informasjonen, uansett hvor naturlig det var.

Registrering database programmerere er engasjert alltid i en mye mer formaliserte sektorer, men CSS tema - en svært enkel oppgave, men en eller annen måte fikk ikke komme inn i synsfeltet av utviklingsprosessen.

På dogme innen programmering

Som et isfjell, kan et dogme ikke lange strekninger furrowing informasjon. Tidligere erfaringer måtte konsentrere ikke bare i HTML- og CSS-standarder, verktøy for å arbeide med dem, kunnskaps utviklere.

En enkel oppgave - å gjøre gjennom CSS skriftfarge - har funnet den perfekte løsningen. Regler, syntaks, logikk og komfort er udiskutabel. Men selv når skriften har faktisk ikke mye farger for praksis, for mye er ikke nødvendig, og faktisk i den hensikt å virtualisering av virkeligheten trenger ikke all den akkumulerte "force» HTML og CSS, det kommer en tid da situasjons kunnskap gå til reproduseres og vises erfaring og verktøy av naturlige dannelsen av stiler av innhold.

Hvordan skal dette gå til, er kanskje ikke helt klart, men at prosessen er allerede i gang, selvsagt.