Desde la creación del lenguaje de Hojas de Estilo en Cascada se han publicado 3 especificaciones, que han ido ampliando las propiedades y posibilidades de aplicación de estilos a páginas web.
CSS 1 y CSS2 están totalmente aceptadas por el panorama actual de navegadores modernos. Sin embargo la más nueva especificación del lenguaje, CSS 3, todavía no está soportada por todos los navegadores. Algunos clientes web como Safari o Firefox ya implementan algunas de las características de CSS 3, aunque otros como Internet Explorer no han empezado aun a incorporar nada nuevo.
CSS 3 será una revolución para los diseñadores y permitirá ahorrar mucho código HTML que hasta el momento se debe agregar a las páginas para llegar a soluciones estéticas como los bordes redondeados o asignación de múltiples fondos a los elementos, colores con degradados, transparencia, etc.
Los selectores permiten seleccionar elementos de la página, ya sea por un nombre de etiqueta, un identificador del elemento o un determinado class.
Los atributos permiten asignar estilos a los elementos seleccionados con los selectores, a través de diversos valores que se pueden indicar.
#div {
-moz-border-radius: 15px ; //Esta linea hace que todos los bordes del div sean redondos con 15px. Esto en Firefox.
-Webkit-border-radius: 15px ; //Esta linea hace que todos los bordes del div sean redondos con 15px. Y esto en los navegadores anteriormente nombrados.
}
-moz-border-radius-topleft: 15px ; //Esta linea hace que el borde izquierdo-arriba sea redondo. -moz-border-radius-topright: 15px ; //Esta linea hace que el borde derecho-arriba sea redondo. -moz-border-radius-bottomleft: 15px ; //Esta linea hace que el borde izquierdo-abajo sea redondo. -moz-border-radius-bottomright: 15px ; //Esta linea hace que el borde derecho-abajo sea redondo.
-webkit-border-radius-topleft: 15px ; //Esta linea hace que el borde izquierdo-arriba sea redondo. -webkit-border-radius-topright: 15px ; //Esta linea hace que el borde derecho-arriba sea redondo. -webkit-border-radius-bottomleft: 15px ; //Esta linea hace que el borde izquierdo-abajo sea redondo. -webkit-border-radius-bottomright: 15px ; //Esta linea hace que el borde derecho-abajo sea redondo.
|
|
|
Hola. Tengo una tabla que al aplicarle el estilo se pasa del margen del cuerpo. ¿Cómo hago para que el cuerpo se adapte al tamaño de la tabla ? |
|
|
| Buenos días desde México, hoy se me presenta la situación de tener que reducir el tamaño a un input button, pero solo veo soluciones que los ocultan |
| mi problema es tengo una hoja de estilo y trabajo con 1 capa central donde muestro todos los archivos html dentro de esta capa, la hoja de estilo quiero que me de un estandar pero cuando cargo las distintas paginas me muestra otros estilos |
|
Hago un tema para Wordpress, y uso CSS para los botones de "Entradas nuevas" y "Entradas anteriores", pero en el index se ve mal ya que solo esta un boton imagen: http://img44.imageshack.us/i/captura2c.png |
|
|
|
Hola El código de http://www.desarrolloweb.com/articulos/generar-columnas-css-sin-tablas.html, no se ve en bien ie 6 7 y 8, solo en firefox. Para verlo: http://testautomovil.com/pruebas/index.php |