CSS: color de font, estil, model, mida

Programació - el mirall: al principi era la paraula, i no reflecteix de nou. I molt aviat va haver de "el canvi": primer mirall, llavors la paraula ... En aquest punt, el full d'estil en cascada - està bé, però per què tant de temps que anava a la ment un desenvolupador? CSS - és tots els mateixos temps de l'era de la matriu de programes d'ordinador, però només en una perspectiva diferent. Fins i tot quan les masses es tornen no es fa revolució associativa.

pàgina web - que les etiquetes HTML-marcat, que es pot atribuir a un determinat identificador de classe d'estil o estil. La primera es pot definir d'una vegada a atribuir a alguna cosa molt necessari temps, i el segon pertany a un element en particular.

La lògica general de la descripció dels estils

Per tradició, l'estil es col·loca en el CSS-arxiu, però es pot atribuir a un element en particular en el seu atribut d'estil. L'estil pot ser creada en la dinàmica de les eines de JavaScript. De particular importància no està segons el descrit, per exemple, per mitjà de colors CSS font, la mida, l'auricular, fons sota d'ella i així successivament. Descripció de la ubicació estil és important en el context de, en general dues idees: la descrita més endavant, per la qual cosa és una prioritat més alta, i si es descriu en l'element, ho fa important!. Darrera registrat com és, defineix clarament la prioritat.

Aplicar l'estil de, per exemple, un cert canvi de color color de font, pot estar en qualsevol lloc i qualsevol cosa. La qüestió és com reaccionar-hi en un navegador durant el desmuntatge de tots els estils junts. Quant va gastar en aquesta CPU?

Idealment, color de font s'ha d'indicar només una vegada - és un clàssic. Pensi fora a una simple descripció d'una parella, i després un altre, i un altre ... per descomptat, es pot. Està de moda, però pràctic.

lògica general Exemple

Molt simplement determinat pel color CSS per als tres elements, és possible obtenir almenys tres problemes de llarga durada:

# ELE1, ELE2 #, # {ELE3
POSICIÓ: absolute;
esquerra: 20px;
top: 14px;
color: xarxa;
}

# ELE2, # {ELE3
esquerra: 90px; // canviar les coordenades horitzontals CSS
Color: groc; // canviar el color de la font CSS
}

# ELE3 {
top: 114px; // canviar el CSS de coordenades verticals

Color: verd; // un cop més canviar el color de la font CSS

background-color: gris clar; // color de CSS Selecciona el text canviat, però això no és present al # ELE1 i # ELE2; també va canviar de posició, però ha canviat en # ELE2 i no, com en aquest cas

}

Ara hem de recordar que tots aquests tres elements es defineix en algun lloc, i en el cas d'un canvi de les representacions de color de l'amo del lloc, el desenvolupador haurà de recordar no només sobre el color, sinó també sobre les regles esquerra i superior, i fins i tot canviar el color de ressaltat del text no ha de ser oblidat.

No tots els desenvolupadors són venerats CSS requisit: Estil ID - només un element, i l'estil de classe - moltes etiquetes, a més de l'últim punt possible en les etiquetes com adjectius:

• ajustar el color de la font en el CSS - classe groundColor estil;
• especificar la mida de la font - Size15 classe;
• joc de posició - PlaceUp classe.

Naturalment, l'ús d'identificadors, especialment quan pertanyen al mateix element de marcat, les classes d'estil Top Ten, pintats en diverses combinacions de centenars d'elements de pàgina. Però tot té la seva pròpia lògica objectiva.

Podeu trobar l'simplement ha de tenir en compte correctament: encara que el color de la font de HTML, CSS ofereix per descriure amb força, la flexibilitat de l'estructura general de les descripcions - que és el seu treball.

El resultat esperat de la utilització de lògica comuna

Els navegadors moderns són còmodes amb una gran quantitat d'arxius d'estil i volums. No obstant això, el disseny, en particular, a través de la CSS, el color de la pàgina sencera, sempre cal pensar en suficiència raonable. No totes les regles d'estil mirada "barat" en l'aplicació. Simple entrada lacònica: * {color: blanc;} - certament bonic, però s'aplica a tots els elements de la pàgina, sense excepció.

De totes les regles, que està equipat amb CSS, el més important:

• estil - la classe, i després el nom comença amb ""
• estil - identificador i el seu nom comença amb un caràcter "#";
• en altres casos - una etiqueta d'identitat o alguna cosa especial

La part restant de la descripció les idees en estils (propietats d'herència es superposen, prioritats, posició, ordre i similars. D.) s'ha d'utilitzar de forma intel·ligent i estrictament necessaris.

El navegador sempre es perdi, no fan en la descripció, per la qual cosa les sorpreses especials no ho farà. Si hi ha alguna cosa que no era al lloc correcte o establir el color de la font en CSS no és possible, per tant, en l'estil de l'error.

oportunitats inesperades

No s'ha d'abusar d'estils com el * {left: 124px; o}

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

Encara que és difícil fer fins i tot un desenvolupador principiant a utilitzar les regles CSS com són. Sempre en el desenvolupament de qualsevol lloc, fins i tot la sintaxi CSS molt senzill dóna problemes inesperats. No obstant això, si els esforços directes per a l'ús correcte de la sintaxi, sinó que s'apliquen a la funcionalitat Javascript és noves i inesperades oportunitats evitaran monòtona crear identificadors per a cada element, o per monitoritzar l'ús de la varietat d'estils i classes.

CSS - no és només un arxiu d'estil que està connectat a la pàgina a través de l'etiqueta d'enllaç o inserir-s'hi a través de l'etiqueta d'estil. També és possible crear un estil sobre la marxa o modificar una existent.

Mitjançant l'ús de CSS, el color de la font es pot fer mitjançant programació. Així com la mida i la posició, els marges. Lloc web - no és un objectiu d'aplicar els coneixements en CSS, HTML, PHP o JavaScript efectes flash.

recurs web - és el primer de tota la informació oferta d'una manera determinada. És per això que el CSS es veu millor en la dinàmica a través de la lent de la forma en què és possible formar, mentre que la pàgina encara està en el servidor (que no es disposa de PHP en el moment en què el visitant del lloc vi, no el desenvolupador en el moment en què s'estava desenvolupant el lloc), el full d'estil que desitgi un text específic per al contingut rellevant, o per crear una classe o identificador d'estil sobre la marxa que la pàgina està treballant, quan es mira a un visitant en particular.

dinàmiques estàtiques

No sempre hem d'escriure sofisticada troballa estigui habilitat-codi per fer que el contingut dinàmic i el seu disseny - un contingut adequat. A vegades és suficient per utilitzar adequadament les oportunitats disponibles. En particular, mitjançant la definició de color de font CSS regla inicialment estàtica, pot amagar aquesta regla (ocult) i visualitzar diferents (visible).

En aquest cas, l'altaveu no requereix l'algoritme:

// per ressaltar el botó d'entrada al lloc web
funció scfWelcomeOver () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'visible'.;
}

// amagar el botó d'entrada al lloc web
funcionar scfWelcomeOut () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'ocults'.;
}

CSS ofereix una dinàmica pròpia: teletips, elements transparents, diverses realitzacions superposicions, pantalles, colors de descoloramiento. En CSS, el color de la font es pot fer encara perquè no es proporciona cap regla estilística.

visualització de contingut dinàmic

Si no existissin els dogmes, potser no hi hauria cap progrés. No és el que era com per lluitar. Hipertext al món una gran quantitat de dogma. És el moment de prestar atenció a ells i començar a desenvolupar llocs en un estil pragmàtic i pràctic.

Inicialment, hi ha una pàgina (P), alguns dels seus continguts (K), totes les etiquetes de la pàgina es descriuen en el full d'estil (S). No és una nova pàgina de formulari P a través de PHP o Perl al servidor triant K de la base de dades. Full d'estils existent S seguirà automàticament. No obstant això, K pot ser canviat, i en la majoria dels casos, un canvi d'aquest tipus implicaria la necessitat d'altres estils, és a dir, S +.

Per exemple, el client va dir: "El lloc descriu la vida de Moscou, es veurà millor si els articles de notícies estan decorades en l'estil de" ZaZavtrakom "que descriu l'enrenou nit en l'estil de" Las Vegas 'i els articles en el progrés científic i tecnològic en l'estil de' ModernTehno ' ". Però si fem S en tres d'aquestes opcions, no es garanteix que el client no tindrà la idea de tenir un conjunt d'articles "Notícies", "vacances", "treball», «CSS / HTML» bonificació 'HozyaykeNaZametku'.

Un altre enfocament més pràctic. Independentment de la categoria de l'article no és sempre el contingut que pot ser pintat en un color determinat. Aquí, en aquest lloc no és una idea molt assenyada: obtenir específica K, encara en el servidor per generar una adequada S, i el navegador requerirà P, que obtindrà el contingut correcte en l'espai adequat.

Dinàmica estil de JavaScript

Mínim, encara solució molt eficaç - per fer l'estil directament al navegador del client. En primer lloc, s'alleuja el servidor - no haurà de passar temps en la formació de pàgines d'hipertext i arxius d'estil per a ell.

En segon lloc, els residus naturals de temps dins del navegador crearà l'efecte que la pàgina està ocupada per negocis i dóna suport activament el diàleg amb el visitant: ell encara no veu el contingut en grans quantitats, per tant, li agradaria tenir una sortida d'informació coherent i reflexiva.

En tercer lloc, permet al desenvolupador per proporcionar el mecanisme visitant part del contingut d'aquest estil, en el qual se senti còmode. Ni tan sols és ningú.

Per posar en pràctica aquesta idea, cal implementar un mecanisme per a la creació d'elements d'estil immediatament després de la pàgina es carrega, i en el curs del seu funcionament. lloc modern - és AJAX en una forma particular. No és difícil de dur a terme la formació d'estils directament en el procés de formació de l'arbre de pàgines. És fàcil, assequible i eficaç, ja que el contingut és juntament amb el seu registre.

Això no contradiu la tendència moderna de separar la presentació de les dades de la transformació realitzada en les dades i sortir a la pantalla.

CSS com un ingredient actiu

Hipertext va portar un munt de bona, però només una petita fracció de la informació natural va ser formalitzat amb èxit, havia eines i experiència en la creació d'HTML d'alta qualitat, XML, documents CSS. No és un problema per a la formalització dels nous volums d'informació i el canvi ja es va fer anteriorment.

Pel que fa a la CSS, aquest procés s'activa en un context completament diferent. Les eines incorporades a JavaScript, el que permet "sobre la marxa" per crear elements i estils dels elements no anticipar aquesta possibilitat, i els creadors de PHP, en particular, es creu que realitzen en la formació de només les pàgines HTML.

Tant la primera com la segona permet fer estils de programació. Aquesta nova direcció en el camp de la tecnologia de la informació. Estils cosa molt més formal que l'XML o HTML, les regles són molt simples. L'estil és sempre present en la informació, no importa el natural que era.

programadors de bases de dades de registre es dediquen sempre en sectors molt més formalitzades, però el tema de CSS - una tasca molt senzilla, però d'alguna manera no entrar al camp de visió del procés de desenvolupament.

En el dogma en el camp de la programació

Com un iceberg, un dogma no pot extensions llargues solcant informació. L'experiència passada va haver de concentrar-se no només en l'HTML i CSS-estàndards, eines per treballar amb ells, els desenvolupadors de coneixement.

Una simple tasca - per fer que a través de CSS color de font - ha trobat la solució perfecta. Normes, la sintaxi, la lògica i la comoditat són indiscutibles. Però fins i tot quan el tipus de lletra en realitat tenen no un munt de colors per a la pràctica, l'excés no és necessari, i de fet a l'efecte de la realitat de la virtualització no necessita tota l'acumulada "força» HTML i CSS, arriba un moment en què el coneixement de la situació vagi a la reproduït i es mostren experiència i les eines de la formació natural d'estils de contingut.

Com serà això, pot ser que no sigui del tot clara, però que el procés ja està en marxa, òbviament.