Hola a todos xD me llamo jorge, estoy aprendiendo con www.comocreartuweb.com con sus tituriales estoy en paso a paso en la seccion de ccs estoy en la parte de :
Explicando el color y la imagen de fondo de una página web
Aunque podemos indicar un color y/o un fondo de página directamente en el código Html, vamos a hacerlo en la Hoja de Estilos para evitar los problemas y aprovechar las ventajas que te he comentado en la página anterior. Así, de paso, vamos a prendiendo a usar el archivo estilos.css para definir las características de las página web.
Color de fondo
Por defecto, el color de fondo de una página web es el blanco. Si queremos cualquier otro tenemos que indicarlo. El elemento al que tenemos que decir que tiene que tener el color que queramos es el Body, pues engloba a todo "lo que se ve" de la página web. Los colores se definen por un código muy raro. Te dejo aquí un enlace con una lista de colores y sus códigos que te puede venir muy bien. Escoge uno que te guste para el fondo y seguimos.
Para indicar el color deseado, abrimos el Html-Kit, activamos la ventana Workspace y abrimos la Hoja de Estilos creada antes. Escribe en ella este código:
body {background-color: #E6E6FA}
En adelante, cuando escriba códigos de CSS los pondré en color verde para distinguirlos del código Html que lo pondré de color azul. oki? (Cómo crees que hago esto? je je je, pues si, con estilos CSS..)
Si ahora guardas el archivo estilos.css, abres el index.html y pulsas abajo en "Preview" para ver como queda, verás como el fondo ahora es del color elegido. Bien, no? Y verás que no hemos tocado el index.html para nada. Si en lugar de solo el index tuvieramos 500 páginas pasaría lo mismo, todas cambiarian con solo retocar el archivo estilos.css y en cambio si no usaramos Hoja de Estilos tendríamos que cambiar el color de fondo en las 500 páginas... es un buen invento o no? Pues aún hay webmaster que no la usan... vaya tela.
Como veran he intentado como 100 veces en colocar el color a mi fondo pero cuando le doy "preview" solo me sale :
body {background-color: #E6E6FA} y no me sale ningun color alguien me explica esa parte porq me tranque y kiero seguir aprendiendo con esta comunidad. espero respuesta rapida gracias :(
Explicando el color y la imagen de fondo de una página web
Aunque podemos indicar un color y/o un fondo de página directamente en el código Html, vamos a hacerlo en la Hoja de Estilos para evitar los problemas y aprovechar las ventajas que te he comentado en la página anterior. Así, de paso, vamos a prendiendo a usar el archivo estilos.css para definir las características de las página web.
Color de fondo
Por defecto, el color de fondo de una página web es el blanco. Si queremos cualquier otro tenemos que indicarlo. El elemento al que tenemos que decir que tiene que tener el color que queramos es el Body, pues engloba a todo "lo que se ve" de la página web. Los colores se definen por un código muy raro. Te dejo aquí un enlace con una lista de colores y sus códigos que te puede venir muy bien. Escoge uno que te guste para el fondo y seguimos.
Para indicar el color deseado, abrimos el Html-Kit, activamos la ventana Workspace y abrimos la Hoja de Estilos creada antes. Escribe en ella este código:
body {background-color: #E6E6FA}
En adelante, cuando escriba códigos de CSS los pondré en color verde para distinguirlos del código Html que lo pondré de color azul. oki? (Cómo crees que hago esto? je je je, pues si, con estilos CSS..)
Si ahora guardas el archivo estilos.css, abres el index.html y pulsas abajo en "Preview" para ver como queda, verás como el fondo ahora es del color elegido. Bien, no? Y verás que no hemos tocado el index.html para nada. Si en lugar de solo el index tuvieramos 500 páginas pasaría lo mismo, todas cambiarian con solo retocar el archivo estilos.css y en cambio si no usaramos Hoja de Estilos tendríamos que cambiar el color de fondo en las 500 páginas... es un buen invento o no? Pues aún hay webmaster que no la usan... vaya tela.
Como veran he intentado como 100 veces en colocar el color a mi fondo pero cuando le doy "preview" solo me sale :
body {background-color: #E6E6FA} y no me sale ningun color alguien me explica esa parte porq me tranque y kiero seguir aprendiendo con esta comunidad. espero respuesta rapida gracias :(