CSS: font färg, stil, mönster, storlek

Programmering - spegeln: i begynnelsen var ordet, och inte reflekteras tillbaka. Och mycket snabbt det var tvungen att "förändring": första spegel, då ordet ... Vid denna punkt, CSS - är bra, men varför så lång tid det skulle tänka en utvecklare? CSS - det är alla samma array gånger en tid präglad av datorprogram, men bara i ett annat perspektiv. Även när massorna blir associativa revolution inte görs.

webbsida - det taggar HTML-kod, som kan hänföras till en viss stil eller stil klass identifierare. Den första kan definieras en gång och tillskriva något välbehövlig tid, och den andra tillhör ett visst element.

Den allmänna logik beskrivningen av stilar

Av tradition är stilen placerad i CSS-fil, men kan hänföras till ett visst element i sin stil attribut. Stilen kan skapas i dynamik JavaScript verktyg. Av särskild betydelse är inte som beskrivs, till exempel, med hjälp av CSS färg teckensnitt, dess storlek, headsetet, bakgrund under den och så vidare. Lägesbeskrivning stil är viktigt i samband med, vanligtvis två tankar: senare beskrivs, så det är en högre prioritet och om beskrivs i elementet, gör det viktigt !. Senast registrerade som det är, tydligt definierar prioritet.

Applicera stil, till exempel en viss font color ändra färg, kan vara var som helst och allt. Frågan är hur man ska reagera på det i en webbläsare under demontering av alla stilar tillsammans. Hur mycket har han spendera på denna processor?

Helst bör font color anges endast en gång - det är en klassiker. Tänk ut till en enkel beskrivning av ett par, och sedan en annan och en annan ... Naturligtvis kan du. Det är på modet, men praktiskt.

EXEMPEL allmänna logik

Helt enkelt bestäms av CSS färg för alla tre delarna, är det möjligt att få minst tre långvariga problem:

# Ele1, # Ele2, # Ele3 {
POSITION: absolut;
vänster: 20px;
top: 14px;
färg: röd;
}

# Ele2, # Ele3 {
vänster: 90px; // ändra CSS horisontella koordinaterna
färg: gul; // ändra färg på tecken CSS
}

# Ele3 {
top: 114px; // ändra CSS vertikala koordinaten

färg: grön; // återigen ändra färg på tecken CSS

bakgrundsfärg: ljusgrå; // CSS text markeringsfärg ändras, men detta är inte närvarande i # Ele1 och # Ele2; positionen också förändrats, men det har ändrats i # Ele2 och inte, som här

}

Nu måste vi komma ihåg att alla dessa tre element definieras någonstans, och i händelse av en färgförändring representationer av webbplatsens ägare, kommer utvecklaren måste komma ihåg inte bara om färg, men också om vänster regler och topp, och även för att ändra markeringsfärg på texten bör inte glömmas bort.

Inte alla utvecklare vördade krav CSS: Style ID - endast ett element, och klassen stil - många taggar, förutom den sista möjliga punkten i taggarna som adjektiv:

• ange font color i CSS - stil groundColor klass;
• ange teckenstorlek - klass size15;
• set ställning - klass PlaceUp.

Naturligtvis användningen av identifierare, särskilt när de tillhör samma märkningselement, de tio bästa stil klasser, målade i olika kombinationer av hundratals sidelement. Men allt har sitt eget mål logik.

Utvecklaren måste helt enkelt korrekt beakta även om teckenfärg HTML, CSS erbjuder att beskriva hårt, flexibilitet i den övergripande strukturen av beskrivningarna - det är hans jobb.

Det förväntade resultatet av att använda vanlig logik

Moderna webbläsare är bekväma med en hel del stil filer och volymer. Men design, särskilt genom CSS, färga hela sidan, bör du alltid tänka på en rimlig försörjning. Inte alla stilregler "billig" look i ansökan. Enkel lakoniska post: * {color: vit;} - säkert vacker, men det gäller för alla delar av sidan, utan undantag.

Av alla regler, som är utrustad med CSS, det viktigaste:

• stil - klass och sedan namnet börjar med ""
• stil - identifierare och dess namn börjar med ett "#" karaktär;
• I andra fall - en namnbricka eller något speciellt

Den återstående delen av beskrivningen idéer i Styles (arvsegenskaper överlappar varandra, prioriteringar, ställning, ordning och liknande. D.) Bör användas på ett intelligent och absolut nödvändiga.

Webbläsaren alltid missar, gör inte i beskrivningen, så att de särskilda överraskningar kommer inte. Om något inte var på rätt plats eller ställ in teckenfärg i CSS är inte möjligt, därför i stil med felet.

oväntade möjligheter

Får inte missbrukas stilar som * {vänster: 124px; } eller

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

Även om det är svårt att göra även en nybörjare utvecklare att använda CSS-regler som de är. Alltid i utvecklingen av en webbplats, ger även helt enkelt CSS syntax oväntade problem. Men om direkta insatser för att korrekt användning av syntaxen, men tillämpa JavaScript-funktioner är nya och oväntade möjligheter kommer att undvika monotont skapa identifierare för varje element, eller för att övervaka användningen av olika stilar och klasser.

CSS - är inte bara en stil fil som är ansluten till sidan via länken tag eller in det genom stil tag. Det är också möjligt att skapa en stil i farten eller ändra en befintlig.

Genom att använda CSS kan font color göras programmässigt. Liksom storlek och position, marginaler. Hemsida - är inte ett mål att tillämpa de kunskaper i CSS, HTML, PHP eller JavaScript effekter blixt.

Webbresurs - är först och främst information som erbjuds på ett visst sätt. Det är därför CSS bäst ses i dynamiken genom linsen av hur det är möjligt att bilda, medan sidan är fortfarande på servern (det är inte tillgänglig PHP vid den tidpunkt då besökaren kom, inte utvecklaren vid den tidpunkt då han utveckla webbplatsen), önskad format en specifik text för relevant innehåll, eller för att skapa en stil klass eller identifierare i farten som sidan fungerar, när det ser ut vid en viss besökare.

statiska dynamik

Vi bör inte alltid skriva sofistikerad hitta JavaScript-kod för att göra dynamiskt innehåll och dess utformning - en lämplig innehåll. Ibland räcker det med att korrekt använda de möjligheter som finns. Framför allt genom att definiera CSS font color början statisk regel kan du dölja denna regel (dold) och visualisera olika (synlig).

Här har talaren inte att algoritmen:

// för att markera inmatningsknappen på hemsidan
funktion scfWelcomeOver () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'synliga' .;
}

// dölja inmatningsknappen på hemsidan
fungera scfWelcomeOut () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'dolda' .;
}

CSS erbjuder egen dynamik: symboler, transparenta element, olika utföranden över, displayer, blekning färger. I CSS kan göras font color även så att ingen stilistisk regel inte tillhandahålls.

Dynamiskt innehåll display

Om det inte fanns några dogmer, kanske skulle det inte finnas några framsteg. Bara inte vad det var att slåss. Hyper förs in i världen en hel del dogm. Det är dags att uppmärksamma dem och börja utveckla platser i en pragmatisk och praktisk stil.

Inledningsvis finns det en sida (P), en del av ditt innehåll (K), alla taggar på sidan beskrivs i formatmallen (S). Inte en ny form P page via PHP eller Perl på servern genom att välja K från databasen. Befintliga formatmall S följer automatiskt. Dock kan K ändras, och i de flesta fall skulle en sådan förändring innebär behovet av andra stilar, det vill säga S +.

Till exempel, säger kunden: "Sajten beskriver livet i Moskva, kommer att se bättre om nyhetsartiklar är inredda i stil med" ZaZavtrakom "beskriver natten rörelse i stil med" Las Vegas 'och artiklar om vetenskapliga och tekniska framsteg i stil med' ModernTehno ' ". Men om vi gör S på tre av dessa alternativ, finns det ingen garanti för att kunden inte kommer att ha idé att ha en uppsättning av artiklar "Nyheter", "semester", "Work», «CSS / HTML» bonus 'HozyaykeNaZametku'.

Ett annat tillvägagångssätt mer praktiskt. Oavsett kategori av artikeln finns det alltid innehåll som kan målas i en viss färg. Här på denna plats finns det en ganska vettig idé: få specifika K, fortfarande på servern för att generera en tillräcklig S, och webbläsaren kommer att kräva P, kommer han att få rätt innehåll i rätt clearance.

Dynamics stil JavaScript

Minimum, men mycket effektiv lösning - att göra styling direkt i kundens webbläsare. Först lindrar den server - kommer inte att behöva spendera tid på bildandet av hypersidor och stilfiler för det.

För det andra kommer den naturliga slöseri med tid inne i webbläsaren skapa effekten att sidan är upptagen av affärer och stödjer aktivt dialog med besökaren: han fortfarande inte ser innehållet i bulk, därför skulle han vilja ha en konsekvent och genomtänkt informations utgång.

För det tredje gör det utvecklaren att ge mekanismen besökare av innehållet i den här stilen, där han är bekväm. Det är inte ens någon.

För att genomföra denna idé, måste du införa en mekanism för att skapa delar av stil omedelbart efter sidan laddas, och i samband med sin verksamhet. Modern plats - det är AJAX i en särskild form. Det är inte svårt att genomföra bildandet av stilar direkt i processen för bildandet av sidan trädet. Det är enkelt, prisvärt och effektivt, eftersom innehållet är tillsammans med sin registrering.

Detta motsäger inte den moderna tendensen att separera presentation av data från den behandling som utförs på data och lämnar i displayen.

CSS som en aktiv ingrediens

Hyper väckt en hel del bra, men bara en liten del av den naturliga informationen framgångsrikt formalise fanns verktyg och erfarenhet av att skapa högkvalitativa HTML, XML, CSS-dokument. Inte ett problem att formalisera de nya volymer och ändra redan gjort tidigare.

När det gäller CSS, denna process aktiveras i ett helt annat sammanhang. Inbyggda verktyg i JavaScript, som möjliggör "on the fly" för att skapa element och stilar av elementen inte förutse en sådan möjlighet, och skaparna av PHP, i synnerhet, som tros vara engagerade i bildandet av endast HTML-sidor.

Både den första och den andra gör det möjligt att göra programmerings stilar. Denna nya inriktning inom området informationsteknik. Styles betydligt mer formell sak än XML eller HTML, reglerna är mycket enkel. Style är alltid närvarande i informationen, oavsett hur naturligt det var.

Registreringsdatabasen programmerare är engagerade alltid på ett mycket mer formaliserade sektorer, men CSS tema - en mycket enkel uppgift, men på något sätt inte komma in i synfältet för utvecklingsprocessen.

På dogmen inom programmering

Som ett isberg, kan en dogm inte länge vidder furrowing information. Tidigare erfarenheter var tvungen att koncentrera sig, inte bara i HTML och CSS-standarder, verktyg för att arbeta med dem, kunskapsutvecklare.

En enkel uppgift - att göra genom CSS font color - har hittat den perfekta lösningen. Regler, syntax, logik och komfort är odiskutabelt. Men även när typsnittet faktiskt har inte en massa färger för praktiken är för mycket inte nödvändigt, och faktiskt i syfte att verkligheten i virtualisering inte behöver all den ansamlade "kraft» HTML och CSS, det kommer en tid när situations kunskap gå till reproduceras och visas erfarenhet och verktyg för den naturliga bildandet av stilar av innehåll.

Hur kommer detta att vara, kanske inte helt klart, men att processen är redan pågår, uppenbarligen.