Guías
CategoríaGuías y ayuda que te ayudará a entender mejor los estilos.
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!
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í: dtsv.dtse_post_875_permalink = ‘http://www.cssblog.es/css-el-atributo-class/’; dtsv.dtse_post_875_title = ‘CSS: El atributo “class”’;
¿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”). dtsv.dtse_post_821_permalink = ‘http://www.cssblog.es/como-funciona-css-estructura-de-css/’; dtsv.dtse_post_821_title = ‘¿Cómo funciona CSS? Estructura de CSS’;
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!
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: dtsv.dtse_post_762_permalink = … Lee más!
Guía sobre los cursores web con CSS
Hay distintos tipos de cursores para manejar la web, igual que hay distintos gestos para poder expresarnos en la vida real. Podemos incluir estos cursores mediante CSS, y hay dos formas de hacerlo: dtsv.dtse_post_751_permalink = ‘http://www.cssblog.es/guia-sobre-los-cursores-web-con-css/’; dtsv.dtse_post_751_title = ‘Guía sobre los cursores web con CSS’;
Tipos de tamaños de textos en CSS
En CSS podemos encontrar varias formas de declarar el tamaño de un texto, acompañadas de medidas. Todas estas van declaradas gracias a la propiedad font-size. dtsv.dtse_post_739_permalink = ‘http://www.cssblog.es/tipos-de-tamanos-de-textos-en-css/’; dtsv.dtse_post_739_title = ‘Tipos de tamaños de textos en CSS’;
Dibujar una caja con CSS
Se puede crear una sencilla caja con CSS, aplicando a un div una clase. Esta caja es un método de aprender a estructurar la plantilla de nuestro sitio web. dtsv.dtse_post_734_permalink = ‘http://www.cssblog.es/dibujar-una-caja-con-css/’; dtsv.dtse_post_734_title = ‘Dibujar una caja con CSS’;
¿Donde colocar el código CSS?
En esta entrada definiremos los distintos lugares donde colocar nuestro código CSS: dtsv.dtse_post_723_permalink = ‘http://www.cssblog.es/donde-colocar-el-codigo-css/’; dtsv.dtse_post_723_title = ‘¿Donde colocar el código CSS?’;
Ampliación sobre los comentarios condicionales
Ya dijimos lo que eran los comentarios condicionales, para qué servían, como se usaban, etc. Pero hoy vamos a explicaros algo de ampliación, es decir, que si no sabes que son los comentarios condicionales te sugerimos que te des una vuelta por la entrada que pusimos hace unos días. Bien, como ya sabemos, los comentarios … Lee más!
