CSS: cor de fonte, estilo, modelo, tamaño

Programación - o espello: o principio era o verbo, e non reflectida de volta. E moi rapidamente que a "cambio": primeiro espello, entón a palabra ... Neste momento da folla de estilo en cascada vez - é bo, pero por que tanto tempo que ía á mente un creador? CSS - é todo o mesmo tempo de matriz da era de programas de ordenador, pero só nunha perspectiva diferente. Mesmo cando as masas se fan revolución asociativa non é feita.

Páxina Web site - etiquetas HTML-marcado, que pode ser atribuído a un determinado identificador de clase de estilo ou estilo. O primeiro pode ser definido xa e asignar a tempo algo moi necesaria, ea segunda pertence a un elemento concreto.

A lóxica xeral da descrición de estilos

Por tradición, o estilo é colocado no arquivo CSS, pero pode ser atribuído a un determinado elemento no seu atributo de estilo. O estilo pode ser creado na dinámica de ferramentas JavaScript. De particular importancia non é como se describe, por exemplo, a través de cor CSS fonte, o seu tamaño, o auricular, fondo debaixo dela e así por diante. Descrición Localización estilo é importante no contexto, normalmente dúas ideas: o describiu máis tarde, polo que é unha prioridade máis alta, e se describiu no elemento, fai importante!. Última rexistrado como é, define claramente a prioridade.

Aplicar o estilo, por exemplo, unha fonte de cor correcta cambio de cor, pode ser en calquera lugar e calquera cousa. A cuestión é como reacciona a ela nun navegador durante a desmontaxe de todos os estilos xuntos. Como el gastar con este CPU?

Ideal, cor de fonte debe ser indicado só unha vez - é un clásico. Debería fora dunha simple descrición dunha parella, e despois outro e outro ... por suposto, pode. Está de moda, pero práctico.

lóxica xeral EXEMPLO

Moi simplemente determinada pola cor CSS para todos os tres elementos, é posible obter polo menos tres problemas de longa duración:

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

# Ele2, # Ele3 {
left: 90px; // cambia as coordenadas horizontais CSS
cor: amarelo; // cambia a cor do CSS fonte
}

# Ele3 {
superior: 114px; // cambia a CSS coordinada vertical

Color: verde; // unha vez cambiar a cor do CSS fonte

background-color: lightgrey; // cor CSS destaque texto cambiou, pero iso non está presente no # Ele1 e # Ele2; posición tamén cambiou, pero cambiou en # Ele2 e non, como aquí

}

Agora, debemos lembrar que todas estas tres elementos defínese nalgún lugar, e en caso de un cambio de representacións de cores do propietario do sitio web, o creador ten que lembrar non só sobre a cor, pero tamén sobre as normas e parte superior esquerda, e mesmo para cambiar a cor de realce do texto non debe ser esquecido.

Non todos os desenvolvedores son reverenciados CSS esixencia: Estilo ID - só un elemento, eo estilo de clase - moitas etiquetas, ademais do último punto posible nas etiquetas como adxectivos:

• definir a cor do tipo de letra no CSS - clase groundColor estilo;
• especificar o tamaño do tipo de letra - size15 clase;
• posición set - clase PlaceUp.

Por suposto, o uso de identificadores, especialmente cando eles pertencen ao mesmo elemento de reserva, as clases de estilo top dez, pintadas en varias combinacións de centos de elementos da páxina. Pero todo ten a súa propia lóxica obxectiva.

O creador simplemente debe tomar correctamente en consideración: aínda que a cor da fonte de HTML, CSS ofrece para describir duro, a flexibilidade da estrutura global das descricións - que é o seu traballo.

O resultado esperado usando a lóxica común

Os navegadores son cómodos con unha morea de arquivos de estilo e volumes. Con todo, o deseño, en particular a través do CSS, color a páxina completa, ten que sempre pensar suficiencia razoable. Non todas as regras de estilo visual "barato" na aplicación. Simple lacônica entrada: * {color: white;} - certamente bonito, pero aplícase a todos os elementos da páxina, sen excepción.

De todas as regras que presenta CSS, o máis importante:

• estilo - clase, e logo o nome comeza coa ""
• estilo - identificador eo seu nome comeza cun carácter "#";
• noutros casos - unha etiqueta de identificación ou algo especial

A parte restante da descrición en ideas Styles (propiedades de herdanza sobrepoñen, prioridades, posición, orde e similares. D.) debe ser usado de forma intelixente e estrictamente necesario.

O navegador sempre sinto falta, non facer na descrición, para que as sorpresas especiais non. Se algo non estaba no lugar seguro ou definir a cor da fonte en CSS non é posible, polo tanto, no estilo do erro.

oportunidades inesperadas

non debe ser abuso estilos como * {left: 124px; } ou

ol ol, ol UL, UL UL, ol ul {marxe de fondo: 0; }
un img {border: 0; }

Aínda que é difícil facer mesmo un creador iniciante de usar regras CSS como son. Sempre no desenvolvemento de calquera sitio, mesmo perfectamente simple sintaxe CSS dá problemas inesperados. Con todo, se os esforzos directos para o uso correcto da sintaxe, pero aplicar a función de JavaScript novas e inesperadas oportunidades evitará monótono crear identificadores para cada elemento, ou para supervisar o uso da variedade de estilos e clases.

CSS - non é só un arquivo de estilo que está ligado á páxina a través do enlace tag ou inserido través do tag estilo. Tamén é posible crear un estilo on the fly ou modificar un existente.

Usando CSS, a cor da fonte pódese facer a través de programación. Así como o tamaño e posición, as marxes. Web - non é un obxectivo de aplicar os coñecementos na CSS, HTML, PHP ou JavaScript flash de efectos.

recurso web - é antes de toda a información que ofrece nunha determinada maneira. É por iso que CSS é mellor visto na dinámica a través do obxectivo de como é posible formar, mentres que a páxina aínda está no servidor (non é PHP dispoñibles no momento en que chegou o visitante do sitio, non o creador no momento en que estaba a desenvolver o sitio), a folla de estilo desexado un texto específico para contido relevante, ou para crear unha clase de estilo ou identificador na mosca como a páxina está a traballar, cando se mira para un visitante particular.

dinámica estáticos

Non sempre debe escribir sofisticada achado JavaScript-código para facer o contido dinámico eo seu proxecto - un contido adecuado. Ás veces é suficiente para usar adecuadamente as oportunidades dispoñibles. En particular, a través da definición de CSS font color regra inicialmente estático, pode ocultar esta regra (oculto) e ver diferentes (visible).

Aquí, o orador non esixe que o algoritmo:

// para destacar o botón de entrada na web
scfWelcomeOver función () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'visible ".;
}

// ocultar o botón de entrada na web
funcionar scfWelcomeOut () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'escondido'.;
}

CSS ofrece propia dinámica: Tickers, elementos transparentes, varios tipos de solapes, exhibe cores de esvaecido. En CSS, a cor da fonte pódese facer aínda para que ninguén regra estilística non se inclúe.

exhibir contido dinámico

Se non houbese dogmas, quizais non habería avances. Só non o que era para loitar. Hipertexto trouxo ao mundo unha gran cantidade de dogma. É hora de prestar atención a eles e para comezar a desenvolver sitios nun estilo pragmático e práctico.

Inicialmente, hai unha páxina (P), algúns dos seus contidos (K), as etiquetas da páxina son descritas na folla de estilo (S). Non unha nova páxina do formulario I PHP ou Perl no servidor escollendo K da base de datos. Existente folla de estilo S seguirá automaticamente. Con todo, K pode ser modificada, e na maioría dos casos, unha tal cambio implicaría a necesidade doutros estilos, é dicir, S.

Por exemplo, o cliente dixo: "A web describe a vida de Moscova, quedará mellor se as noticias son decorados no estilo de" ZaZavtrakom "describindo a axitación da noite no estilo de" Las Vegas "e artigos sobre o progreso científico e tecnolóxico no estilo de 'ModernTehno'". Pero se facemos S en tres destas opcións, non hai garantía de que o cliente non terá a idea de ter un conxunto de artigos "News", "festa", "traballo", "CSS / HTML» bonos 'HozyaykeNaZametku'.

Outra visión máis práctica. Independentemente da categoría do artigo, sempre hai o contido que pode ser pintado nunha determinada cor. Aquí neste lugar hai moito unha idea sensata: Get específica K, aínda o servidor para xerar un S adecuada, eo navegador esixir P, que vai ter o contido correcto no espazo axeitado.

estilo Dynamics JavaScript

Mínima, aínda solución moi eficaz - para facer o styling directamente no navegador do cliente. En primeiro lugar, el alivia o servidor - non terá que pasar o tempo na formación de páxinas de hipertexto e arquivos de estilo para el.

En segundo lugar, o desperdicio natural do tempo dentro do navegador creará o efecto de que a páxina é ocupada por empresas e apoia activamente o diálogo co visitante: aínda non ver o seu contido en masa, polo tanto, quere ter unha saída de información consistentes e pensativo.

En terceiro lugar, permite que o creador para facilitar o mecanismo visitante do contido deste estilo, no que é cómodo. Non é nin a ninguén.

Para aplicar esta idea, ten que aplicar un mecanismo para a creación de elementos de estilo inmediatamente despois da páxina é cargada, e no curso da súa operación. lugar moderno - é AJAX nunha forma particular. Non é difícil de realizar a formación de estilos directamente no proceso de formación da árbore páxina. É doado, accesible e eficaz, xa que o contido é, xunto coa súa inscrición.

Iso non contradi a tendencia moderna de separar a presentación de datos a partir do procesamento realizado sobre os datos e deixando na pantalla.

CSS como un ingrediente activo

Hipertexto trouxo moita cousa boa, pero só unha pequena fracción da información natural foi formalizada con éxito, había ferramentas e experiencia na creación de HTML de alta calidade, XML, documentos CSS. Non é un problema para formalizar os novos volumes de información e cambio xa feita anteriormente.

Con relación a CSS, este proceso está activado nun contexto totalmente diferente. ferramentas embutidas en JavaScript, que permite "on the fly" para crear elementos e estilos dos elementos non anticipar esta posibilidade, e os creadores de PHP, en particular, que se cre estar implicado na formación de só páxinas HTML.

Tanto o primeiro como o segundo permite facer estilos de programación. Esta nova dirección no campo da tecnoloxía da información. Estilos cousa moito máis formal que o XML ou HTML, as regras son moi simples. Estilo está sempre presente na información, non importa o natural era.

programadores de base de datos de rexistro están empeñados sempre nun sector máis formalizados, pero tema CSS - unha tarefa moi sinxela, pero de algunha maneira non entrar no campo de visión do proceso de desenvolvemento.

No dogma no campo da programación

Como un iceberg, un dogma non pode longas extensións engurrando información. A experiencia do pasado tiña que concentrarse non só en HTML- e CSS-patróns, ferramentas para traballar con eles, desenvolvedores de coñecemento.

Unha tarefa simple - para facer a través de CSS font color - atopou a solución perfecta. Normas, sintaxe, lóxica e confort son indiscutibles. Pero aínda cando a fonte realmente non teño unha morea de cores para a práctica, moi non é necesario, e de feito para os fins da realidade da virtualización non precisa de todos os acumulado "forza" HTML e CSS, chega un momento en que o coñecemento situacional ir ao reproducidos e exhibidos experiencia e as ferramentas de formación natural de estilos de contido.

Como isto vai ser, non pode ser totalmente clara, pero que o proceso xa está en marcha, obviamente.