Pedro CM
AutorPedro Corchero Murga es el creador de este blog, un blogger al que le encanta el marketing, el diseño y la programación web. Saber más sobre él. Seguir en Twitter o Facebook. Contactar.
Diferencia entre bordes redondeados con CSS2 y CSS3
CSS3 permite muchas más opciones de personalización de imágenes ya incluidas en CSS, usando la propiedad border-radius, sin necesidad de crear el efecto de dicha imagen en Photoshop, lo que facilita y nos ahorra trabajo, a la vez que la web carga mejor (ya que no existen imágenes). Podemos ver la diferencia del potencial de … Lee más!
Sistema de puntuación con CSS
Podemos crear un sistema de puntuación hecho mediante CSS, usando simplemente las listas de HTML para determinar la puntuación y la propiedad background-position para precargar las imágenes del rating cuando pasemos el ratón por encima de ellas. Para ello deberemos seguir estos pasos:
CSS: Id del elemento
El atributo “id” es similar a class (Permite llamar desde un elemento a un código CSS) con la diferencia de que el atributo id solo puede aplicarse a un elemento, no a tantos como quisiéramos, como se hacía con el atributo class. Es decir, el atributo ID sirve para identificar un elemento, y solo debe … Lee más!
CSS: El atributo “class”
El atributo “class” de los elementos HTML te permite llamar a un código CSS en todos los elementos que queramos (Puedes usar el selector CSS otra vez y otra vez…), solo deberemos llamar a la clase, por ejemplo, tengo un código CSS así:
Juego de cartas con CSS
La flexibilidad de CSS es impresionante, hasta podemos crear un juego de cartas solamente con CSS y unas imágenes. Si deseamos crearlo, allá van los pasos:
Homer CSS
Con CSS podemos hacer casi todo, en este caso crearemos a un divertido Homer, aplicando divs junto con CSS y sin usar ninguna imagen. Está probado en Internet Explorer (IE) 5.5, 6, 7, Firefox 2, Safari 3 y Opera 9, y se ve correctamente (Es decir, es cross-browser). Se puede ver un ejemplo de este … Lee más!
¿Cómo funciona CSS? Estructura de CSS
En esta entrada explicaremos de qué está compuesto CSS, cual es su estructura principal y cómo se aplica. Primero, una declaración CSS está formado por dos partes: una propiedad ("color") y un valor ("green")
Tabla de ejemplos con CSS
Os presentamos una tabla con varias propiedades CSS y ejemplos comentando que significan: Propiedades individuales Reglas del estilo Comentarios p {font-family:Helvetica, Geneva; De este listado, la primera fuente se aplicará. font-style:italic; El texto se renderizará como cursiva. font-weight:bold; El texto se renderizará como negrita. font-size:10pt; El texto se renderizará con 10 pt. color:#00FFFF; El texto … Lee más!
Varios trucos con CSS3
CSS3 está empezando a usarse. CSS3 amplia las posibilidades de personalización de nuestra página web. Lástima que estos efectos solo puedan verse si usas Firefox o Safari. En el salto de la página te mostraremos algunos ejemplos:
Barras gráficas con CSS
En esta entrada os mostraremos como crear distintos tipos de barras gráficas mediante el uso de CSS. Estas gráficas pueden ser muy útiles para mostrar la evolución de algo, además, no se requiere ninguna imagen, lo que a Google le gusta y acelera la carga del sitio web. Ya os enseñamos a crear una barra … Lee más!
Seguir el avance de CSS
CSS avanza, van apareciendo propiedades nuevas mientras que las antiguas van quedando obsoletas. Es complicado enterarse de todo, así que, ¿porqué no tener a mano una tabla que nos informe de los cambios que estén avanzando en CSS? W3 nos enseña una tabla donde podemos consultar las modificaciones que se producen en CSS cada día … Lee más!
Borde en las imágenes con CSS
Algunas veces las imágenes con enlace quedan un pequeño borde, explicaremos cómo deshacernos de él o implementarlo de otras maneras. Para hacerlo tendremos que aplicar esto en nuestro código CSS: a img { border:none } Si deseamos que todas las imágenes tengan 1 pixel de borde verde, en vez de lo anterior, indicamos:
