Errores comunes al poner los códigos CSS

Comparteme :

Sin importar qué tanto tiempo tengamos con los blogs nada nos exenta de cometer errores al intentar hacer un cambio en la plantilla. Así que de repente ponemos un código por aquí, otro por allá, damos Vista Previa y nada... o todo se ve igual o no se ve como debería verse. Las razones pueden ser muchas, pero hoy nos centraremos en los problemas habituales que cometemos al poner estilos CSS en la plantilla del blog.

Los estilos, cuando van antes de ]]></b:skin> debemos asegurarnos de nunca eliminar nada alrededor de donde lo pongamos.
Algo bastante (pero bastante) común, es que al ponerlo se elimina la llave de cierre del código anterior. Por ejemplo aquí:

.negro {
background:#000;
color:#fff;
.azul {
background:#58ACFA;
color:#000;
}

Hola, yo soy un contenedor con la clase .negro

Hola, yo soy un contenedor con la clase .azul

Ahí sin querer hemos eliminado la llave de cierre de la clase .negro, eso hará que aunque los estilos de .negro sigan funcionando, los estilos de .azul no tendrán efecto alguno.
Pero si lo pones bien, sin eliminar la llave de cierre no habrá problema alguno.

.negro {
background:#000;
color:#fff;
}
.azul {
background:#58ACFA;
color:#000;
}

Hola, yo soy un contenedor con la clase .negro

Hola, yo soy un contenedor con la clase .azul

Un simple y llano caracter puede hacer la diferencia entre que algo funcione o no, ya sea la llave de cierre, el punto y coma al final de cada declaración de estilo, el punto antes de la clase, etc.
Es por eso que siempre debemos asegurarnos de no eliminar nada al momento de poner un código.

Otro error menos común pero que también sucede es al momento de poner anotaciones o comentarios en los estilos CSS. Cuando ponemos un comentario para identificar un código debe ser de esta manera:

/* Estilos de ejemplo */
.negro {
background:#000;
color:#fff;
.azul {
background:#58ACFA;
color:#000;
}

Pero nunca deberá ser de esta manera:

.negro {
background:#000;
color:#fff;
.azul {
background:#58ACFA;
color:#000;
}

O de esta otra:

// Comentario
.negro {
background:#000;
color:#fff;
.azul {
background:#58ACFA;
color:#000;
}

Esas dos últimas formas erróneas sólo se usan y son aceptables en códigos que van dentro del <body> incluso dentro del <head> pero nunca antes de ]]></b:skin>

Algunas veces te encontrarás con estilos que están encerrados entre <style type="text/css"> y </style>
En esos casos los estilos van antes de </head> o después de <head> pero no antes de
]]></b:skin> de lo contrario los estilos no podrán funcionar y se generará un espacio arriba de la plantilla e incluso se mostrarán estos caracteres: -->

Así que, si ponemos los códigos sin eliminar nada, si ponemos las anotaciones bien, y si todo lo colocamos en el lugar correcto no deberán surgir estos problemas de que las cosas no se ven como se deberían ver, al menos no referente al CSS.

Comparteme :

Author : Bloguero Tutorial

Soy el creador y editor de éste blog, cree este blog porque me encanta escribir sobre tecnología e internet, diseño web, y recursos para webmasters y Bloggers. Además, mi único propósito, es divertirme y de paso si ayudo a otras personas, mucho mejor. , click aquí ?

Errores comunes al poner los códigos CSS.

Comparte