CSS3 ha incorporado rnormas ibbon las cuales son normas gráficas de colores que han reemplazado a la regla HTML estándar en muchos sitios. La regla gráfico añade un acento al sitio y hace que parezca un poco más acabado. Se accede a las Reglas de la cinta Generador haciendo clic en Reglas de cinta en el menú Herramientas de Internet de la página principal.

Cómo crear la regla de la cinta en CSS3

La generación de una cinta requiere que se especifique el color y el espaciamiento de utilizar para el elemento de la cinta. La elección para el color es el uso de una secuencia generada de forma aleatoria sobre la base de un color base, o para utilizar opciones de color específicos. La separación es ya sea al azar dentro del rango especificado, o un tamaño específico para cada opción del color.

Los colores seleccionados por el usuario y el espaciamiento secuencia requieren un poco de cuidado extra cuando los utiliza. En primer lugar, asegurarse de que cualquier valores hexadecimales que de entrada son precedidos por el signo de número (#) o bien la cinta aparece negro cuando se genera la misma. Segunda, las opciones de color que realice aparecerán exactamente en la secuencia que los hacen en la cinta de salida.

Si va a utilizar la cinta de una manera repetitiva, crear una secuencia y espaciado que trabaja en conjunto. Las pruebas muestran que un espaciamiento de 26 funciona muy bien - se termina con una secuencia de repetición incluso de que se ven muy bien en la página.

Después de realizar sus elecciones, haga clic en Generar. Reglas de la cinta generador creará una regla de cinta para usted y mostrarla en forma. Puede utilizar la cinta como parece, o hacer cambios para una mirada diferente. Para guardar la cinta que ha creado, haga clic derecho en su entrada en la página y selecciona Guardar como en el menú contextual. Proporcionar un nombre para la imagen y haga clic en Guardar para completar la acción.

Cómo utilizar la regla de la cinta en CSS3

Puede usar la imagen que contiene la regla de la cinta en cualquier lugar se puede utilizar cualquier otra imagen. Sin embargo, la mayoría de la gente va a utilizar la regla de la cinta como parte de un estilo. El siguiente código muestra un ejemplo de cómo se puede utilizar las reglas cinta creadas por este ejemplo.

Prueba de las Normas de cinta
Esta es el área 1
Esta área utiliza los ajustes seleccionados por el usuario.
Video: Tutorial CSS3: Introducción
Esta es la zona 2
Esta área utiliza los valores de azar.

Que va a utilizar esto para crear una regla en una página. La página contiene dos áreas. La primera muestra una regla creada con la cinta-usuario específico configuración- la segunda muestra una regla de cinta creado mediante la configuración de azar. Por supuesto, hay infinitas posibilidades para crear reglas de cinta - estos ejemplos son simplemente representativos de lo que puede hacer. La salida típica de este ejemplo se ilustra a continuación.

Video: ¿Qué es el CSS3? | SEO Coaching