CSS: color de fuente, estilo, modelo, tamaño

Programación – el espejo: en el principio era la palabra, y no refleja de nuevo. Y muy pronto tuvo que "el cambio": primer espejo, entonces la palabra … En este punto, la hoja de estilo en cascada – está bien, pero ¿por qué tanto tiempo que iba a la mente un desarrollador? CSS – es todos los mismos tiempos de la era de la matriz de programas de ordenador, pero sólo en una perspectiva diferente. Incluso cuando las masas se vuelven no se hace revolución asociativa.

página web – que las etiquetas HTML-marcado, que se puede atribuir a un determinado identificador de clase de estilo o estilo. El primero se puede definir una vez y para atribuir a nada, según sea necesario una vez, el segundo pertenece a un elemento en particular.

La lógica general de la descripción de los estilos

Por tradición, el estilo se coloca en el CSS-archivo, pero se puede atribuir a un elemento en particular en su atributo de estilo. El estilo puede ser creada en la dinámica de las herramientas de JavaScript. De particular importancia no está según lo descrito, por ejemplo, por medio de colores CSS fuente, su tamaño, el auricular, fondo debajo de ella y así sucesivamente. Descripción de la ubicación estilo es importante en el contexto de, por lo general dos ideas: la descrita más adelante, por lo que es una prioridad más alta, y si se describe en el elemento, lo hace importante !. Última registrado como es, define claramente la prioridad.

Aplicar el estilo de, por ejemplo, un cierto cambio de color color de fuente, puede estar en cualquier lugar y cualquier cosa. La cuestión es cómo reaccionar a ella en un navegador durante el desmontaje de todos los estilos juntos. ¿Cuánto gastó en esta CPU?

Idealmente, color de fuente se debe indicar sólo una vez – es un clásico. Piense fuera a una simple descripción de una pareja, y luego otro, y otro … por supuesto, se puede. Está de moda, pero práctico.

lógica general Ejemplo

Muy simplemente determinado por el color CSS para los tres elementos, es posible obtener al menos tres problemas de larga duración:

# ELE1, ELE2 #, # {ELE3
POSICIÓN: absolute;
izquierda: 20px;
top: 14px;
color: red;
}

# ELE2, # {ELE3
izquierda: 90px; // cambiar las coordenadas horizontales CSS
Color: amarillo; // cambiar el color de la fuente CSS
}

# ELE3 {
top: 114px; // cambiar el CSS de coordenadas verticales

Color: verde; // una vez más cambiar el color de la fuente CSS

background-color: gris claro; // color de CSS Selecciona el texto cambiado, pero esto no está presente en el # ELE1 y # ELE2; también cambió de posición, pero ha cambiado en # ELE2 y no, como en este caso

}

Ahora tenemos que recordar que todos estos tres elementos se define en alguna parte, y en el caso de un cambio de las representaciones de color del dueño del sitio, el desarrollador tendrá que recordar no sólo sobre el color, sino también acerca de las reglas izquierda y superior, e incluso cambiar el color de resaltado del texto no debe ser olvidado.

No todos los desarrolladores son venerados CSS requisito: Estilo ID – sólo un elemento, y el estilo de clase – muchas etiquetas, además del último punto posible en las etiquetas como adjetivos:

• ajustar el color de la fuente en el CSS – clase groundColor estilo;
• especificar el tamaño de la fuente – Size15 clase;
• juego de posición – PlaceUp clase.

Naturalmente, el uso de identificadores, especialmente cuando pertenecen al mismo elemento de marcado, las clases de estilo Top Ten, pintados en varias combinaciones de cientos de elementos de página. Pero todo tiene su propia lógica objetiva.

El desarrollador simplemente debe tener en cuenta correctamente: aunque el color de la fuente de HTML, CSS ofrece para describir con fuerza, la flexibilidad de la estructura general de las descripciones – que es su trabajo.

El resultado esperado de la utilización de lógica común

Los navegadores modernos son cómodas con una gran cantidad de archivos de estilo y volúmenes. Sin embargo, el diseño, en particular, a través de la CSS, el color de la página entera, siempre hay que pensar en suficiencia razonable. No todas las reglas de estilo mirada "barato" en la aplicación. Simple entrada lacónica: * {color: blanco;} – ciertamente hermoso, pero se aplica a todos los elementos de la página, sin excepción.

De todas las reglas, que está equipado con CSS, el más importante:

• estilo – la clase, y después el nombre comienza con ""
• estilo – identificador y su nombre comienza con un carácter "#";
• en otros casos – una etiqueta de identidad o algo especial

La parte restante de la descripción las ideas en estilos (propiedades de herencia se superponen, prioridades, posición, orden y similares. D.) se debe utilizar de forma inteligente y estrictamente necesarios.

El navegador siempre se pierda, no hacen en la descripción, por lo que las sorpresas especiales no lo hará. Si hay algo que no estaba en el lugar correcto o establecer el color de la fuente en CSS no es posible, por lo tanto, en el estilo del error.

oportunidades inesperadas

No se debe abusar de estilos como el * {left: 124px; o}

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

Aunque es difícil hacer incluso un desarrollador principiante a utilizar las reglas CSS como son. Siempre en el desarrollo de cualquier sitio, incluso la sintaxis CSS muy sencillo da problemas inesperados. Sin embargo, si los esfuerzos directos para el uso correcto de la sintaxis, sino que se aplican a la funcionalidad JavaScript es nuevas e inesperadas oportunidades evitarán monótona crear identificadores para cada elemento, o para monitorear el uso de la variedad de estilos y clases.

CSS – no es sólo un archivo de estilo que está conectado a la página a través de la etiqueta de enlace o insertarse en ella a través de la etiqueta de estilo. También es posible crear un estilo sobre la marcha o modificar una existente.

Mediante el uso de CSS, el color de la fuente se puede hacer mediante programación. Así como el tamaño y la posición, los márgenes. Sitio web – no es un objetivo de aplicar los conocimientos en CSS, HTML, PHP o JavaScript efectos flash.

recurso Web – es el primero de toda la información ofrecida de una manera determinada. Es por ello que el CSS se ve mejor en la dinámica a través de la lente de la forma en que es posible formar, mientras que la página todavía está en el servidor (que no se dispone de PHP en el momento en que el visitante del sitio vino, no el desarrollador en el momento en que se estaba desarrollando el sitio), la hoja de estilo que desee un texto específico para el contenido relevante, o para crear una clase o identificador de estilo sobre la marcha que la página está trabajando, cuando se mira a un visitante en particular.

dinámicas estáticas

No siempre debemos escribir sofisticada hallazgo JavaScript-código para hacer que el contenido dinámico y su diseño – un contenido adecuado. A veces es suficiente para utilizar adecuadamente las oportunidades disponibles. En particular, mediante la definición de color de fuente CSS regla inicialmente estática, puede ocultar esta regla (oculto) y visualizar diferentes (visible).

En este caso, el altavoz no requiere el algoritmo:

// para resaltar el botón de entrada en el sitio web
función scfWelcomeOver () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'visible' .;
}

// ocultar el botón de entrada en el sitio web
funcionar scfWelcomeOut () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'ocultos' .;
}

CSS ofrece una dinámica propia: teletipos, elementos transparentes, diversas realizaciones superposiciones, pantallas, colores de descoloramiento. En CSS, el color de la fuente se puede hacer aún para que no se proporciona ninguna regla estilística.

visualización de contenido dinámico

Si no existieran los dogmas, tal vez no habría ningún progreso. No es lo que era como para luchar. Hipertexto en el mundo una gran cantidad de dogma. Es el momento de prestar atención a ellos y empezar a desarrollar sitios en un estilo pragmático y práctico.

Inicialmente, hay una página (P), algunos de sus contenidos (K), todas las etiquetas de la página se describen en la hoja de estilo (S). No es una nueva página de formulario P a través de PHP o Perl en el servidor eligiendo K de la base de datos. Hoja de estilos existente S seguirá automáticamente. Sin embargo, K puede ser cambiado, y en la mayoría de los casos, un cambio de este tipo implicaría la necesidad de otros estilos, es decir, S +.

Por ejemplo, el cliente dijo: "El sitio describe la vida de Moscú, se verá mejor si los artículos de noticias están decoradas en el estilo de" ZaZavtrakom "que describe el ajetreo noche en el estilo de" Las Vegas 'y los artículos en el progreso científico y tecnológico en el estilo de' ModernTehno ' ". Pero si hacemos S en tres de estas opciones, no hay garantía de que el cliente no tendrá la idea de tener un conjunto de artículos "Noticias", "vacaciones", "trabajo», «CSS / HTML» bonificación 'HozyaykeNaZametku'.

Otro enfoque más práctico. Independientemente de la categoría del artículo no es siempre el contenido que puede ser pintado en un color determinado. Aquí, en este lugar no es una idea muy sensata: obtener específica K, aún en el servidor para generar una adecuada S, y el navegador requerirá P, que obtendrá el contenido correcto en el espacio adecuado.

Dinámica estilo de JavaScript

Mínimo, aunque solución muy eficaz – para hacer el estilo directamente en el navegador del cliente. En primer lugar, se alivia el servidor – no tendrá que pasar tiempo en la formación de páginas de hipertexto y archivos de estilo para él.

En segundo lugar, los residuos naturales de tiempo dentro del navegador creará el efecto de que la página está ocupada por negocios y apoya activamente el diálogo con el visitante: él todavía no ve el contenido en grandes cantidades, por lo tanto, le gustaría tener una salida de información coherente y reflexiva.

En tercer lugar, permite al desarrollador para proporcionar el mecanismo visitante parte del contenido de este estilo, en el que se sienta cómodo. Ni siquiera es nadie.

Para poner en práctica esta idea, es necesario implementar un mecanismo para la creación de elementos de estilo inmediatamente después de la página se carga, y en el curso de su funcionamiento. sitio moderno – es AJAX en una forma particular. No es difícil de llevar a cabo la formación de estilos directamente en el proceso de formación del árbol de páginas. Es fácil, asequible y eficaz, ya que el contenido es junto con su registro.

Esto no contradice la tendencia moderna de separar la presentación de los datos de la transformación realizada en los datos y salir en la pantalla.

CSS como un ingrediente activo

Hipertexto trajo un montón de buena, pero sólo una pequeña fracción de la información natural fue formalizado con éxito, había herramientas y experiencia en la creación de HTML de alta calidad, XML, documentos CSS. No es un problema para la formalización de los nuevos volúmenes de información y el cambio ya se hizo anteriormente.

Con respecto a la CSS, este proceso se activa en un contexto completamente diferente. Las herramientas incorporadas en JavaScript, lo que permite "sobre la marcha" para crear elementos y estilos de los elementos no anticipó esta posibilidad, y los creadores de PHP, en particular, se cree que realizan en la formación de sólo las páginas HTML.

Tanto la primera como la segunda permite hacer estilos de programación. Esta nueva dirección en el campo de la tecnología de la información. Estilos cosa mucho más formal que el XML o HTML, las reglas son muy simples. El estilo es siempre presente en la información, no importa lo natural que era.

programadores de bases de datos de registro se dedican siempre en sectores mucho más formalizadas, pero el tema de CSS – una tarea muy sencilla, pero de alguna manera no entrar en el campo de visión del proceso de desarrollo.

En el dogma en el campo de la programación

Como un iceberg, un dogma no puede extensiones largas surcando información. La experiencia pasada tuvo que concentrarse no sólo en en HTML y CSS-estándares, herramientas para trabajar con ellos, los desarrolladores de conocimiento.

Una simple tarea – para hacer que a través de CSS color de fuente – ha encontrado la solución perfecta. Normas, la sintaxis, la lógica y la comodidad son indiscutibles. Pero incluso cuando el tipo de letra en realidad tienen no un montón de colores para la práctica, el exceso no es necesario, y de hecho a los efectos de la realidad de la virtualización no necesita toda la acumulada "fuerza» HTML y CSS, llega un momento en que el conocimiento de la situación vaya a la reproducido y se muestran experiencia y las herramientas de la formación natural de estilos de contenido.

¿Cómo será esto, puede que no sea del todo clara, pero que el proceso ya está en marcha, obviamente.