El lenguaje de maquetación CSS u hojas de estilos en cascada, es un lenguaje que tiene por objetivo dar formato a los sitios Web. Como ya se dijo, el formato se puede aplicar desde HTML, pero este lenguaje tiene un inconveniente, y es que el formato se aplica línea a línea, página a página, por lo que hacer cambios en el diseño de una página, puede significar crearla nueva desde el principio.
Por el contrario, CSS permite definir el formato de un sitio Web completo en un solo archivo con extensión .css lo que nos permite, modificando este archivo, modificar todo el formato del sitio Web completo.
Es frecuente ver, en esta página y en otras, que el código CSS se presenta dentro de la misma página HTML, no obstante esto se hace así con fines didácticos, en la practica, el código CSS debe ir en un archivo con extensión .css y cargarlo desde la página con una llamada a este archivo.
Espero que esta sección sea de vuestra ayuda.
11.- Coloreado de las scrollbar.
Para darle un toque de distinción a las barras de desplazamiento o scrollbar puedes usar CSS.
10.- Ampliación de una imagen al pasar el ratón.
Un método muy cómodo para los visitantes es que la foto se amplíe al pasar el ratón sobre ella.
9.- Centrado de una capa CSS horizontal y verticalmente.
Capa en el justo centro de una ventana sin importar la configuración de pantalla o el tamaño de la ventana abierta.
8.- Capas con las propiedades margin y padding.
Las propiedades de CSS margin y padding controlan diferentes aspectos de las capas o div, veamos las diferencias.
7.- Dando formato a los enlaces.
Es posible dar formato a un enlace sin que esté contenido en una capa, veamos como lo hacemos.
6.- Separación entre los diferentes elementos del texto.
Este CSS te permitirá crear un texto configurado has en el mas pequeño detalle.
5.- Capa CSS con scroll o barras de desplazamiento.
Como conseguir presentar capas CSS con el mismo tamaño pero con cantidad de texto muy diferentes.
4.- Como enmarcar una foto con estilos CSS.
Con CSS tambien podemos darle formato a una foto y ponerle, por ejemplo, un marco.
3.- Cargamos los estilos CSS desde un archivo externo.
La definición de los estilos CSS en un archivo externo simplifica el código de la web y hace modificable todo el sitio Web de manera fácil.
2.- Formato de los enlaces con CSS.
En HTML el formato de los enlaces se aplicaba sobre el mismo enlace, en cambio, mediante CSS le damos el formato desde las propiedades de la capa.
1.- Como crear una capa con CSS.
Como ya se dijo en el manual de HTML, se puede dar formato a una Web con HTML, pero con CSS podemos dar formato a todo un sitio web, veamos como.
Artículos sobre CSS: 11
