Buscador


En todo Internet
En Uterra.Com

Contenidos

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.


22.- Menú responsive en HTML5 solo con CSS.

Cuando solo se accedía a la Web desde PC, los menús de navegación no eran problema, se podían diseñar casi de cualquier manera y tendríamos el menú siempre a mano, esto ha cambiado con la llegada de los dispositivos móviles. Aquí os presentamos un menú de gran sencillez desarrollado solo con CSS en HTML5.

Ver artículo

21.- Como cargar diferentes hojas de estilos.

Con la llegada de los dispositivos móviles ha surgido un nuevo problema para los desarrolladores Web, como lograr que una Web se adapte a tamaños de pantalla tan tremendamente dispares, veamos como podemos enfrentarnos a este problema con CSS.

Ver artículo

20.- Como crear una capa circular con CSS.

En este artículo veremos como podemos crear una capa de forma circular partiendo de una capa cuadrada.

Ver artículo

19.- Capa con vértices redondeados.

Dejamos de lado las capas CSS con las tradicionales esquinas cuadradas y las redondeamos usando solo CSS.

Ver artículo

18.- Superíndices y subíndices con CSS.

Los superíndices y subíndices son usados profusamente en formulas matemáticas, físicas y químicas, veremos como lograr una presentación adecuada de estas formulas con CSS.

Ver artículo

17.- Rotamos texto o imágenes tantos grados como deseemos.

En ocasiones puede resultar muy interesante dejar de lado la típica posición horizontal y vertical y optar por posiciones intermedias, en este articulo veremos como hacerlo.

Ver artículo

16.- Resaltamos un texto con CSS.

A veces necesitamos resalta un fragmento de texto para destacar la relevancia de lo que ahí se dice, aquí veremos como hacerlo.

Ver artículo

15.- Menú desplegable solo con CSS.

Los menús desplegables son un método perfecto para agrupar un conjunto de enlaces pertenecientes a una misma categoría ocupando un espacio mínimo. Aquí os presentamos uno, únicamente con CSS.

Ver artículo

14.- Formulario con campos redondeados.

Los formularios suelen ser el aspecto más incomodo para los usuarios de una Web, en particular, cuanto más amplios son. Con este código los haremos más atractivos y menos desagradables para el usuario.

Ver artículo

13.- Capa fija en la parte superior de la página.

Puede ser muy útil tener una barra de navegación siempre visible, como la que aparece en la parte superior de Facebook. Ocupa muy poco espacio y siempre tendremos los enlaces claves de nuestra Web en primera plana.

Ver artículo

12.- Formulario con estilos CSS.

En este artículo veremos como aplicar formato con estilos CSS a los elementos de un formulario, es más sencillo de lo que parece.

Ver artículo

11.- Coloreado de las scrollbar.

Para darle un toque de distinción a las barras de desplazamiento o scrollbar puedes usar CSS.

Ver artículo

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.

Ver artículo

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.

Ver artículo

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.

Ver artículo

7.- Dando formato a los enlaces.

Es posible dar formato a un enlace sin que esté contenido en una capa, veamos como lo hacemos.

Ver artículo

6.- Separación entre los diferentes elementos del texto.

Este CSS te permitirá crear un texto configurado has en el mas pequeño detalle.

Ver artículo

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.

Ver artículo

4.- Como enmarcar una foto con estilos CSS.

Con CSS tambien podemos darle formato a una foto y ponerle, por ejemplo, un marco.

Ver artículo

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.

Ver artículo

1 | 2 | Siguiente » | Última »»

Artículos sobre CSS: 22