No tuvimos clase
POR PRUEBA SABER.
Entradas
COLOR DE LOS ENLACES (CSS)
- Se realizó el primer indicador = Habilidad#1 7.1.1. Tamaño, color y decoración Los estilos más sencillos que se pueden aplicar a los enlaces son los que modifican su tamaño de letra, su color y la decoración del texto del enlace. Utilizando las propiedades text-decoration y font-weight se pueden conseguir estilos como los que se muestran en la siguiente imagen: Figura 7.1 Ejemplo de enlaces con estilos diferentes A continuación se muestran las reglas CSS del ejemplo anterior: a { margin : 1em 0 ; display : block ; } .alternativo { color : #CC0000 ; } .simple { text-decoration : none ; } .importante { font-weight : bold ; font-size : 1.3em ; } .raro { text-decoration : overline ; } <a href = "#" > Enlace con el estilo por defecto</a > <a class = "alternativo" href = "#" > Enlace de color rojo</a > <a class = "simple" href = "#" > Enlace sin subrayado</a &
MANUALES 17,18
Como dar estilos css a un botón Bienvenid@s, hoy os mostraré las propiedades CSS fundamentales para que podáis darle vuestros estilos personalizados a los botones de vuestras páginas web, para ello crearemos una clase llamada "button" y utilizaremos las siguientes propiedades CSS para personalizar el botón ... border : Para aplicar estilos al borde del botón. font-size : Para aplicar el tamaño de fuente del botón. font-family : Para aplicar el tipo de fuente del botón. padding : Para establecer unos márgenes entre el texto y el borde del botón. border-radius : Para redondear las esquinas del botón. background : Para establecer el color de fondo del botón. color : Para establecer el color del texto del botón. También utilizaremos el evento :hover para aplicar nuevos estilos cuando se pase el cursor sobre el botón. DEMO DE LOS BOTONES ... Código del ejemplo ... <!-- By http://jquery-manual.blogspot.com --> <!DOCTYPE HTML
HOJAS DE ESTILO EN CSS
CSS son las siglas de Cascading Style Sheets - Hojas de Estilo en Cascada - que es un lenguaje que describe la presentación de los documentos estructurados en hojas de estilo para diferentes métodos de interpretación, es decir, describe como se va a mostrar un documento en pantalla, por impresora, por voz (cuando la información es pronunciada a través de un dispositivo de lectura) o en dispositivos táctiles basados en Braille. ¿Para que sirve? CSS es una especificación desarrollada por el W3C (World Wide Web Consortium) para permitir la separación de los contenidos de los documentos escritos en HTML, XML, XHTML, SVG, o XUL de la presentacin del documento con las hojas de estilo, incluyendo elementos tales como los colores, fondos, márgenes, bordes, tipos de letra..., modificando as la apariencia de una página web de una forma más sencilla, permitiendo a los desarrolladores controlar el estilo y formato de sus documentos. ¿Cómo funciona? El lenguaje CSS se basa en una ser
