Archivar en la categoría “CSS”

Imágenes de fondo “background-image” CSS

La propiedad CSS background-image se usa para insertar una imagen de fondo.

body {
background-color: #FFCC66;
background-image: url(“butterfly.gif”);
}

h1 {
color: #990000;
background-color: #FC9804;
}

Los damascos se ven mucho como web Fondo, en “La Galería de inspiración” hay una colección muy buena. En la Sección Varios fondos de pantalla del heno Tipos de descargar el párrafo patrones. Ver en Inspiración galería

 

Leer más…

La propiedad ‘background-color’ en CSS


La propiedad background-color describe el color de fondo de los elementos.

El elemento <body> contiene todo el contenido de un documento HTML. Así pues, para cambiar el color de fondo de una página, la propiedad background-color debería aplicarse al elemento <body>.

También se pueden aplicar colores de fondo a otros elementos, entre ellos, a los encabezados y al texto. En el ejemplo que sigue se aplicarán diferentes colores a los elementos <body> y <h1>.

body {
background-color: #FFCC66;
}

h1 {
color: #990000;
background-color: #FC9804;
}

Propiedad color en CSS

La propiedad color describe el color de primer plano de un elemento.

Por ejemplo, imagina que queremos que todos los títulos de un documento aparezcan con color rojo oscuro. Todos los títulos están marcados con el elemento <h1>. El código siguiente establece el color de los elementos <h1> como rojo.

h1 {
color: #ff0000;
}
Los colores se pueden introducir como valores hexadecimales, como en el ejemplo anterior: #ff0000; o se pueden usar los nombres de los colores: “red” (rojo), o bien como valores rgb: (rgb(255,0,0)).

Añadir comentarios en CSS

CSS permite incluir comentarios entre sus reglas y estilos. Los comentarios son contenidos de texto que el diseñador incluye en el archivo CSS para su propia información y utilidad. Los navegadores ignoran por completo cualquier comentario de los archivos CSS, por lo que es común utilizarlos para estructurar de forma clara los archivos CSS complejos.
El comienzo de un comentario se indica mediante los caracteres /* y el final del comentario se indica mediante */, tal y como se muestra en el siguiente ejemplo:
/* Este es un comentario en CSS */

Incluir estilos para un sitio web

Una de las características más potentes de la programación con hojas de estilo consiste en definir los estilos de todo un sitio web. Esto se consigue creando un archivo donde tan sólo colocamos las declaraciones de estilos de la página y enlazando todas las páginas del sitio con ese archivo. De este modo, todas las páginas comparten una misma declaración de estilos y, por tanto, si la cambiamos, cambiarán todas las páginas.

Veamos ahora todo el proceso para incluir estilos con un fichero externo. Ver

Css: ¿Que es?

CSS, es una tecnología que nos permite crear páginas web de una manera más exacta. Gracias a las CSS somos mucho más dueños de los resultados finales de la página, pudiendo hacer muchas cosas que no se podía hacer utilizando solamente HTML, como incluir márgenes, tipos de letra, fondos, colores…

CSS son las siglas de Cascading Style Sheets, en español Hojas de estilo en Cascada. En este reportaje vamos a ver algunos de los efectos que se pueden crear con las CSS sin necesidad de conocer la tecnología entera. Leer más…

CSS: Libros Web

  • Técnicas imprescindibles como sustitución de texto, sprites, sombras y transparencias
  • Buenas prácticas y recomendaciones de los mejores diseñadores
  • Frameworks CSS y diseño de páginas con YUI
  • Referencia imprescindible para diseñadores web avanzados
  • Completamente gratuito

LibrosWeb.es publica gratuitamente todo el material que utilizan sus autores en los cursos que imparten.

Además, publica traducciones de libros gratuitos relacionados con el diseño y la programación web. LibrosWeb


Navegador de artículos