CSS: betűtípus szín, stílus, minta, méret

Programozás - a tükör: a Kezdetben volt az Ige, és az nem tükröződik vissza. És nagyon gyorsan kellett „változás”: az első tükör, akkor a szó ... Ezen a ponton, CSS - jó, de miért olyan hosszú, hogy meg fog bánja fejlesztő? CSS - ez mind ugyanaz a tömb alkalommal a korszak számítógépes programok, de csak egy másik nézőpontból. Még ha a tömegek válnak asszociatív forradalom nem történt.

website-oldalát - címkék HTML-jelölést, ami annak tudható be, egy bizonyos stílust vagy stílus osztály azonosító. Az első lehet meghatározni egyszer és tulajdonítani bármi szükség egyszer, a második tartozik egy adott elemet.

Az általános logika a leírás stílusok

A hagyomány szerint, a stílus kerül a CSS-fájlt, de tudható, hogy egy adott elem a stílus attribútum. A stílus lehet létrehozni a dinamikája JavaScript eszközöket. Különösen fontos, nem a leírtak szerint, például útján CSS szín font mérete, a fülhallgató, a háttér alá, és így tovább. Helyszín leírás stílus fontos összefüggésben, általában két ötletet: a későbbiekben még visszatérünk, így ez egy magasabb prioritású, és ha leírt elem, ez nem fontos !. Az utolsó rögzített, ahogy van, egyértelműen meghatározza a prioritás.

Alkalmazza a stílust, például egy bizonyos betűszínt színe megváltozik, bárhol lehet, és semmit. A kérdés az, hogy hogyan reagálnak rá a böngészőben során szétszerelés minden stílus együtt. Mennyit mondott költeni ezt a CPU?

Ideális esetben, betűszín kell csak egyszer - ez egy klasszikus. Gondoljunk arra, hogy egy egyszerű leírást egy pár, majd újabb és újabb ... persze, lehet. Ez a divatos, de praktikus.

Példa általános logikája

Egészen egyszerűen határozza meg a CSS szín mindhárom elem, akkor lehetséges, hogy legalább három régóta futó problémák:

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

# Ele2, # Ele3 {
left: 90px; // változtatni a CSS vízszintes koordinátákat
szín: sárga; // változtatni a színét a betűtípus CSS
}

# Ele3 {
top: 114px; // változtatni a CSS függőleges koordinátája

színe: zöld; // ismét változtatni a színét a betűtípus CSS

background-color: világosszürke; // CSS szöveg kiemelés színe megváltozott, de ez nincs jelen a # Ele1 és # Ele2; helyzetben is változott, de ez megváltozott # Ele2 és nem úgy, mint itt

}

Most meg kell emlékezni, hogy mind a három elem határozza meg valahol, és abban az esetben a színváltozást ábrázolások a terület tulajdonosának, a fejlesztő meg kell emlékezni, hogy ne csak a szín, hanem a bal oldali szabályok és a felső, és még változtatni a kiemelés színét a szöveg nem szabad elfelejteni.

Nem minden a fejlesztők tisztelik követelmény CSS: stílus ID - csak az egyik eleme, és az osztály stílus - sok címke mellett az utolsó lehetséges pontot a címkéket melléknév:

• A betűkészlet színt a CSS - stílus groundColor osztály;
• adja meg a betűméretet - class size15;
• beállított helyzet - class PlaceUp.

Természetesen azonosítók használatát, különösen, ha azok tartoznak azonos jelölés elem, az első tíz stílus osztályok, festett különböző kombinációi száz oldal elemekkel. De mindennek megvan a maga objektív logika.

A fejlesztő egyszerűen helyesen kell figyelembe venni: ha a betűtípus színe HTML, CSS kínál leírni nehéz, a rugalmasságot, a teljes szerkezetét a leírások - ez a feladat.

A várható eredménye a közös logika

Modern böngésző kényelmes, sok stílust fájlok és a kötetek. Azonban, tervezése, különösen a CSS, színezni az egész oldalt, akkor mindig gondolni ésszerű mértékére. Nem minden stílus szabályai „olcsó” nézd a kérelmet. Egyszerű lakonikus bejegyzés: * {color: white;} - természetesen szép, de ez vonatkozik minden elemét az oldalt, kivétel nélkül.

Az összes szabály, amely fel van szerelve CSS, a legfontosabb:

• stílus - osztály, majd a név kezdődik „”
• stílus - azonosítója és neve kezdődik a „#” karaktert;
• más esetekben - egy névtáblát, vagy valami különleges

A fennmaradó részt a leírás ötletek stílusok (öröklési tulajdonságok átfedik, prioritások, helyzetben, annak érdekében, és hasonlók. D.) kell használni intelligens és feltétlenül szükséges.

A böngésző mindig hiányzik, nem teszik ki a leírás, úgyhogy különleges meglepetés nem fog. Ha valami nem a megfelelő helyen, vagy állítsa be a betűszínt CSS nem lehetséges, ezért a stílus a hibát.

váratlan lehetőségek

Nem szabad visszaélni stílusok, mint a * {left: 124px; } vagy

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

Bár nehéz, hogy még egy kezdő, hogy használjon CSS szabályok vannak. Mindig a fejlődés minden helyszínen, még tökéletesen egyszerű CSS szintaxis ad váratlan problémákat. Azonban, ha a közvetlen erőfeszítéseket a helyes használata a szintaxis, de alkalmazzák a JavaScript működés új és váratlan lehetőségeket fog kerülni monoton létre azonosítók az egyes elemek, illetve felhasználásának ellenőrzésére a különböző stílusok és osztályok.

CSS - nem csak a stílus-fájlt, amely csatlakozik az oldal segítségével a link tag vagy behelyezhető át a stílus tag. Az is lehetséges, hogy hozzon létre egy stílust a légy, vagy egy meglévő módosításáról.

Segítségével CSS, a betűszínt lehet tenni programozottan. Csakúgy, mint a méretét és helyzetét, margók. Honlap - nem cél, hogy alkalmazza a tudást CSS, HTML, PHP vagy JavaScript hatások vaku.

Web erőforrás - mindenekelőtt információt kínálnak egy bizonyos módon. Ezért CSS legjobban látható a dinamika lencséjén keresztül hogyan lehetséges olyan, amíg az oldal még mindig a szerveren (ez nem áll rendelkezésre a PHP idején, amikor a látogató jött, nem a fejlesztő idején, amikor a fejlődő a helyszínen), a kívánt stíluslapot adott szöveget releváns tartalom, vagy hozzon létre egy stílust osztály vagy azonosító menet közben, mint az oldal működik, amikor úgy néz ki, egy adott látogató.

statikus dinamika

Nem kellene mindig írni kifinomult lelet JavaScript-kódot, hogy dinamikus tartalom és a design - megfelelő tartalommal. Néha elég, hogy megfelelően használja a rendelkezésre álló lehetőségeket. Különösen úgy, hogy meghatározza a CSS font color eleinte statikus szabály, akkor elrejteni ezt a szabályt (rejtett), és láthatóvá különböző (látható).

Itt, a hangszóró nem igényel az algoritmus:

// hogy kiemelje a bemenet gombját a honlapon
funkció scfWelcomeOver () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'látható' .;
}

// elrejti a beviteli gomb a honlapon
működnek scfWelcomeOut () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'rejtett' .;
}

CSS kínál saját dinamikája: tickers, átlátszó elemekkel, különböző kiviteli rátétek, kijelzők, halványuló színek. A CSS-ben a betűk színét is hozható, hogy senki stilisztikai szabály nem biztosított.

Dinamikus tartalom kijelző

Ha nem volt dogma talán nem lenne előrelépés. Csak nem az, ami volt, mint harcolni. Hypertext bevinni a világ sok dogma. Itt az ideje, hogy figyeljen rájuk, és hogy kezdjen el kidolgozni oldalakat gyakorlatias és praktikus stílusban.

Kezdetben van egy oldal (P), bizonyos tartalmakat (K), az összes oldal címkéi leírása a stíluslap (S). Nem egy új formája P page keresztül PHP vagy Perl a szerver által választott K az adatbázisból. Meglévő stíluslap S követni fogja automatikusan. Azonban K lehet változtatni, és a legtöbb esetben, egy ilyen változás maga után vonja a szükséges egyéb stílusok, hogy van, S +.

Például az ügyfél azt mondta: „A hely leírja az élet Moszkva, jobban néz ki, ha a cikkek díszített stílusát” ZaZavtrakom „amely leírja az éjszakai nyüzsgés a stílus” Las Vegas »és cikkek a tudományos és technológiai fejlődés a stílus« ModernTehno. " De ha teszünk S három ezeket a lehetőségeket, nincs garancia arra, hogy az ügyfél nem lesz ötlet, hogy egy cikket, „News”, „szabadság”, „Work», «CSS / HTML» bónusz »HozyaykeNaZametku«.

Egy másik megközelítés praktikusabb. Függetlenül attól, hogy a létesítmény a cikk mindig a tartalom festhető egy bizonyos színt. Itt ezen a helyen van elég értelmes ötlet: ha konkrét K, még a szerver generál megfelelő S, és a böngésző lesz szükség P, ő lesz a megfelelő tartalom a megfelelő távolság.

Dynamics stílus JavaScript

Minimum, bár nagyon hatékony megoldás -, hogy nem a stílus, közvetlenül az ügyfél böngésző. Először is, ez enyhíti a szerver - nem kell időt tölteni a kialakulását hipertext oldalak és a stílus fájlokat is.

Másodszor, a természetes időpocsékolás a böngészőn belüli jön létre a célból, hogy az oldal által elfoglalt üzleti és aktívan támogatja a párbeszédet a látogató: még mindig nem látni a tartalmat ömlesztve, ezért azt szeretné, következetes és átgondolt információs kimenet.

Harmadszor, lehetővé teszi a fejlesztő, hogy a látogató mechanizmust a tartalom ebben a stílusban, amelyben jól érzi magát. Ez nem is senkit.

Megvalósítása ezt az ötletet, amire szükség van egy olyan mechanizmus létrehozására elemeinek stílusát után azonnal az oldal betöltésekor, illetve a működése során. Modern helyszínen - ez AJAX egy bizonyos formában. Ez nem nehéz elvégezni a kialakulását stílusok közvetlenül a folyamat kialakulásának a lap fa. Ez egyszerű, olcsó és hatékony, mert a tartalom mellett a regisztráció.

Ez nem mond ellent a modern tendencia, hogy külön az adatok bemutatását a feldolgozó adatokkal végeztük el, és így a kijelzőn.

CSS amelyek hatóanyagként

Hypertext hozott sok jó, de csak egy kis töredéke a természetes információ sikeresen formalizált voltak eszközök és tapasztalattal rendelkezik a kiváló minőségű HTML, XML, CSS dokumentumokat. Nem probléma, hogy hivatalossá új mennyiségű információ és változás már korábban megtették.

Tekintettel CSS, ez a folyamat aktiválódik egy teljesen más kontextusban. Beépített eszközök JavaScript, amely lehetővé teszi a „röptében” létrehozása elemek és stílusok az elemek nem számítottak ilyen lehetőség, és az alkotók a PHP, különösen úgy vélik, hogy részt vesz a kialakulását csak a HTML oldalak.

Mind az első, mind a második lehetővé teszi ezt a programozási stílust. Ez az új irány az információs technológia területén. Stílusok jóval formális dolog, mint az XML vagy HTML, a szabályok nagyon egyszerűek. A stílus mindig jelen van a tájékoztatás, nem számít, mennyire természetes volt.

Regisztráció adatbázis-programozók részt mindig sokkal formalizált ágazat, de CSS téma - egy nagyon egyszerű feladat, de valahogy nem jutott be a látómezőt a fejlesztési folyamatot.

A dogma terén programozás

Mint egy jéghegy, a dogma nem sokáig kiterjedésű ráncolta információkat. Az elmúlt évek tapasztalatai kellett koncentrálni nem csak HTML-CSS-szabványok, eszközök velük dolgozni, a tudás fejlesztők.

Egy egyszerű feladat -, hogy a CSS font color - megtalálta a tökéletes megoldást. Szabályzat, szintaxis, a logika és a kényelem vitathatatlan. De akkor is, ha a font valójában nem sok színek gyakorlat, túl sok nem szükséges, sőt céljából a valóság virtualizáció nem kell az összes felhalmozott „erő» HTML és CSS, eljön az az idő, amikor a helyzeti tudást megy a reprodukált és megjelenített tapasztalatok és eszközök a természeti képződmény a stílus a tartalom.

Hogy lesz-e ez, nem lehet teljesen tisztázott, de hogy az eljárás már folyamatban van, nyilván.