1. CSS es un lenguaje de hojas de estilos creado para
controlar el aspecto o presentación de los
documentos electrónicos definidos con HTML y
XHTML. CSS es la mejor forma de separar los
contenidos y su presentación y es imprescindible
para crear páginas web complejas.
2. Lenguaje css
Una vez creados los contenidos, se utiliza
el lenguaje CSS para definir el aspecto de
cada elemento: color, tamaño y tipo de
letra del texto, separación horizontal y
vertical entre elementos, posición de cada
elemento dentro de la página, etc.
3. El modelo de cajas es el comportamiento de CSS que hace que todos los
elementos de las páginas se representen mediante cajas rectangulares.
Las cajas de una página se crean automáticamente. Cada vez que se
inserta una etiqueta HTML, se crea una nueva caja rectangular que
encierra los contenidos de ese elemento. La siguiente imagen muestra las
tres cajas rectangulares que crean las tres etiquetas HTML que incluye la
página:
4. CSS define numerosas propiedades para modificar la apariencia del texto.
A pesar de que no dispone de tantas posibilidades como los lenguajes y
programas específicos para crear documentos impresos, CSS permite
aplicar estilos complejos y muy variados al texto de las páginas web.
A continuación se muestran varias
reglas CSS que establecen el color
del texto de diferentes formas:
5. Utilizando las propiedades width y height, es posible mostrar las
imágenes con cualquier altura/anchura, independientemente de
su altura/anchura real:
es una práctica poco recomendable. El motivo es que
normalmente dos imágenes diferentes no comparten la
misma altura/anchura. Por lo tanto, se debe crear una
nueva regla CSS
cuando una imagen forma parte de
un enlace, los navegadores muestran
por defecto un borde azul grueso
alrededor de las imágenes
6. Estilos básicos
Cuando se aplican bordes a las celdas de una
tabla, el aspecto por defecto con el que se
muestra en un navegador es el siguiente:
El código HTML y CSS del
ejemplo anterior se muestra a
continuación:
7. El código CSS completo del ejemplo
anterior se muestra a continuación:
Aunque parece sencillo, el
mecanismo que utiliza el
modelo collapse es muy
complejo, ya que cuando los
bordes que se fusionan no
son exactamente
iguales, debe tener en
cuenta la anchura de cada
borde, su estilo y el tipo de
celda que contiene el borde
(columna, fila, grupo de
filas, grupo de columnas)
para determinar la prioridad
8. Ejemplo de Cambiar el color de fondo
con CSS
Estás buscandó cómo cambiar el color de fondo de tu página y tus elementos, llegaste al
lugar indicado.
Las hojas de estilo o CSS nos permiten controlar de manera separada el color
de fondo de cada uno de los elementos de nuestra página.
Aquí les dejo un ejemplo para cambiar el color de fondo de los elementos de
una página con CSS.