Us donem les solucions als errors més freqüents en l'ús de CSS vistos a classe. Pareu atenció perquè aquestes errades solen causar la major part de problemes en l'aplicació de fulls d'estils quan ens iniciem en el seu ús...
1 No cerrar los corchetes
#container {
width: 50%;
margin:0 auto;
- Si abrimos una clase o id pero después nos olvidamos de cerrarla, el código siguiente no tendrá efecto. Para ello es necesario ser muy meticuloso y fijarse si hemos cerrado todos los corchetes en nuestra hoja de estilos.
2. No definir los atributos con la estructura correcta
#header {
background-color: #000
font-size: 1em;
}
#header {
background-color: #000
font-size: 1em;
}
- Es necesario cerrar los atributos con punto y coma. Si no lo hacemos así, el siguiente atributo no será leído.
3. Escribir mal el nombre del selector o clase
#haedr {
background-color: #000;
font-size: 1em;
}
#haedr {
background-color: #000;
font-size: 1em;
}
- Si enlazamos en el documento HTML a la id #header, pero después en el código HTML escribimos #haedr, estaremos cometiendo un grave error que tendrá como consecuencia la incapacidad de leer dicho selector.
4. Escribir incorrectamente el nombre de un atributo
#header {
background-color: #000;
fotn-szie: 1em;
}
5. Confundir el valor de los atributos
background-color: #000;
font-size: 1em;
float: center;
}
6. Caracteres y tildes del español en los selectores y las clases
clear: both;
font-size: 1em;
}
#header {
background-color: #000;
fotn-szie: 1em;
}
5. Confundir el valor de los atributos
- Todos los atributos tienen sus valores específicos y no deben ser confundidos con los de otro. Si nos confundimos, el atributo no podrá ser leído.
background-color: #000;
font-size: 1em;
float: center;
}
6. Caracteres y tildes del español en los selectores y las clases
- El castellano es muy usado, pero no cuando se manejan códigos CSS. No se pueden poner tildes ni símbolos del español en los selectores, clases o en los valores, ya que si lo hacemos, no podrán ser ejecutados correctamente.
clear: both;
font-size: 1em;
}
Aquests són alguns del errors que molta gent fa quan s'inicia en el món dels CSS. Espero que us serveixi per aprendre i, sobretot, que ho tingueu com a element de consulta en cas de dubte.
Font: CSS Blog
Cap comentari:
Publica un comentari a l'entrada