¿Cómo elegir los colores para su html5 y css3 páginas web basadas
Los colores pueden parecer abrumador cuando se trabaja con HTML5 y CSS3 páginas web. Con un poco de práctica y un poco de paciencia, podrás gestionar colores con estilo.
Comience con colores seguros para la Web
El programa funciona webSafe.html, ya que permite introducir rápidamente un valor seguro para la Web. Para hacer rojo, pulse el botón FF en la columna roja. Los valores de color azul y verde tienen el valor por defecto de 00, por lo que el fondo es de color rojo.
Los colores compatibles con Web te dan un montón de espacio para jugar, y son muy fáciles de trabajar. De hecho, son tan comunes que puede utilizar un acceso directo. Debido a que los colores compatibles con Web son todos repiten, se puede escribir un dígito repetido como un solo dígito. Puede especificar magenta, ya sea o como el navegador y entiende, que le da un color magenta dolor de cabeza que induce.
Para hacer un rojo más oscuro, cambie el FF al siguiente valor más pequeño. Si quieres más oscuro aún, trate. Experimento con todos los valores de rojo y ver lo fácil que es conseguir varios tipos diferentes de rojo. Si desea una variación de color rosa, elevar los valores de verde y azul juntos. Es un color-rosa empolvado es un brighter- bits y es un rosa muy pálido.
Cómo modificar sus colores
La paleta segura para la Web es conveniente, pero le da un número relativamente pequeño de colores (216). Doscientos dieciséis lápices de colores en la caja son bastante agradable, pero es posible que necesite más. Por lo general, es de arranque seguro con colores seguros para la Web y luego ajustar a medida que avanza. Si quieres un color rosa ligero que, puede saltar al carro de seguro para la Web y el uso o cualquier otro color que usted desee!
En el programa webSafe.html, puede utilizar el botón superior e inferior de cada fila para afinar los ajustes a su color.
Cómo aplicar colores en sus propias páginas
El punto es hacer que las cosas se ven bien en tu páginas. Para añadir color a sus páginas, haga lo siguiente:
Definir el código HTML de forma normal.
El HTML no debe tener ninguna relación con los colores. Añadir el color estrictamente de CSS.
Añadir una etiqueta a la página en el área de encabezado.
Añadir un selector para cada etiqueta que desea modificar.
Video: 16 Веб|дизайн | Цветовая палитра
Puede modificar cualquier etiqueta HTML, por lo que si desea cambiar todos los párrafos, agregue un selector. Utilice el nombre de la etiqueta, sin las escuadras.
Agregar y atributos.
Especificar los valores de color con nombres de colores o valores de color hexadecimal.
Cómo cambiar CSS sobre la marcha
El navegador web Chrome tiene un truco especialmente bueno cuando se trata de CSS. Usted puede mirar en el CSS de cualquier elemento de una página web y cambiarlo, ver los resultados en tiempo real!
Así es como funciona:
Creación de la página de la forma habitual.
Use su editor de texto para crear la página básica.
Añadir selectores CSS.
Especificar el CSS para los elementos que la intención de cambiar. La página emptyCSS.html en el sitio web muestra un ejemplo muy sencillo. Usted puede poner cualquier valor que desee en el CSS, o simplemente puede dejar en blanco la CSS por ahora. Si desea experimentar, echar un vistazo a emptyCSS.html en el sitio web. Tiene selectores vacíos para los tres elementos descritos en la página.
Cargar la página en Chrome.
Video: Mi Primer Página Web - Tipografía y Colores (5/10)
Los otros navegadores están empezando a desarrollar herramientas como Chrome, pero es claramente el líder, así que empieza con Chrome.
Inspeccionar un elemento.
derecha, haga clic en cualquier elemento y selecciona Inspeccionar elemento en el menú desplegable que se abra.
Jadear de asombro en las herramientas de desarrollo impresionante.
Mantenerlo en la pestaña Elementos por ahora.
Cambiar el código HTML!
Puede hacer doble clic en el código en el visor de código y modificar el contenido. Esto es divertido, pero no es permanente o especialmente útiles.
También puede modificar el CSS.
Si un selector de estilo ha sido definido, aparece bajo la pestaña de la sección. Puede agregar nuevas reglas de estilo o cambiar los existentes, y usted será capaz de ver los resultados en la marcha.
Incluso puede utilizar un selector de color de fantasía.
Cuando una regla de color se ha definido, verá una pequeña muestra de color. Haga clic en ese color para obtener un buen selector de colores que puede utilizar.
Seleccionar diferentes partes de la página para modificar otras normas.
Puede modificar el CSS de cualquier elemento, siempre y cuando algún tipo de normas se ha guardado.
Copiar y pegar cualquier reglas de estilo que desea conservar.
Video: Cómo elegir el color para una Página Web # Programa Emprende | Cristina Álvarez
Las modificaciones realizadas en la barra de herramientas desarrollador web no son permanentes. Si encuentra colores u otras reglas de estilo que te gusta, puede copiarlos desde la ventana desarrollador y pegarlos en su código.
