CSS Medio
CategoríaRecursos y guías sobre CSS a nivel medio.
Distintos métodos para utilizar CSS Sprites
A lo largo del blog hemos escrito varias entradas explicando fundamentos relacionados con CSS Sprites (qué es CSS Sprites, cómo se usa y algunos ejemplos de su uso). Solo queremos hacer un listado de las entradas donde hacemos uso de CSS Sprites, ya que al principio no se indicó correctamente que se estaba usando CSS … Lee más!
Insertar imagen en un campo de texto con CSS
Un usuario me preguntó como podía insertar una imagen en un campo de texto. Bien, es muy sencillo, y en esta entrada se explicará paso a paso. dtsv.dtse_post_2509_permalink = ‘http://www.cssblog.es/insertar-imagen-en-un-campo-de-texto-con-css/’; dtsv.dtse_post_2509_title = ‘Insertar imagen en un campo de texto con CSS’;
15 métodos para crear menús de navegación
Existen muchos métodos para crear nuestro deseado menú de navegación. Horizontal, vertical, a base de listas, con imágenes, hay infinitas posibilidades. En CSSBlog.es ya publicamos algunos sistemas para crear menús con CSS o imágenes muy originales. Esta vez queremos extender más la lista y publicaremos varios métodos más (que posteriormente serán analizados en el blog): … Lee más!
Crear un menú vertical con bordes discontinuos mediante CSS
Al igual que hemos creado un menú vertical simple, podemos crear otro del mismo molde pero con bordes discontinuos (dashed). (Si lo deseas también puedes mirar como crear un menú horizontal simple con CSS). Este menú, al igual que el anterior menú vertical que creamos y que hemos mencionado anteriormente, está creado mediante listas. Simplemente … Lee más!
Diseñando un bonito menú vertical con CSS
En este tutorial vamos a enseñaros como crear un elegante menú vertical con CSS. Este tutorial es muy recomendable para principiantes, al igual que el otro sobre crear un menú horizontal. En este tutorial veremos el efecto hover en los menús, lo que es muy bueno si deseas aprender más allá de crear un menú … Lee más!
Colección de cajas de mensajes CSS
Ya os enseñamos un recopilatorio de cajas hechas con CSS para incluir vuestros mensajes donde veíamos de que formas distintas podíamos resaltar mensajes con CSS. Esta vez queremos enseñar otras formas más originales para dicho propósito. Podemos descargar el código fuente de los estilos de los mensajes que vamos a analizar. Aclaramos que todos los … Lee más!
Opinión: ¿Qué novedad de CSS3 os gusta más?
Cada vez más navegadores están soportando las características de CSS3 y no es ninguna sorpresa, ya que CSS3 lleva siendo desarrollado desde hace mucho tiempo. Sus mejoras facilitan la inclusión de código CSS y el manejo de ellos. Desde aquí queremos conocer vuestra opinión, se trata de que elijáis la mejora o característica nueva que … Lee más!
Evita spam invirtiendo tu email con CSS
Todo el mundo odia el spam. A nadie le gusta llegar a casa y encontrarse una pila de correos basura. Esto tiene varias soluciones, una de ellas la podemos conseguir usando CSS. Con este hack podremos invertir nuestra dirección de email, consiguiendo que los robots spam no puedan leer nuestra dirección y enviar publicidad a … Lee más!
Guía para recordar valores en CSS Shorthand
Una vez que hemos dominado CSS, nos cuesta creer que no haya una forma más fácil de definir valores. Y sí, la hay, es CSS Shorthand, una definición de estilos que nos permitirá definir todos los valores relacionados con una propiedad en una sola línea, para así aligerar nuestro código y que sea más entendible. … Lee más!
Diferencia entre margin y padding
Los atributos margin y padding, aunque puedan resultar parecidos, no tienen nada que ver, ya que: Margin: El margen que existe entre un elemento y los que tenga al lado. Padding: Es el espacio que existe en un contenedor entre el contenido y los bordes del contenedor. Las diferencias son que: Al definir el margin … Lee más!
Hojas de estilo alternativas y su estructura
No solo un documento puede tener una única hoja de estilo. Podemos usar varias y que el usuario o su navegador pueda utilizar la que crea conveniente. Algunos navegadores pueden omitir o aceptar ciertas hojas de estilo (por ejemplo, Firefox) desde Ver > Usar hoja de estilo. Puede haber varias hojas de estilo alternativa, en … Lee más!
Frameworks sencillos para maquetar nuestra web
No siempre los frameworks tienen porqué ser pesados y largos. Os hemos mostrado una lista de ellos (si no sabes qué es un framework visita esta guía), pero queremos indicar que también existen frameworks sencillos. Por ejemplo, Vladimir Carrer ha creado el framework más simple que existe, compuesto por solo 1 línea de código y … Lee más!
