Hay varias formas de usar css. Te cito las más usadas:
-
Importando un archivo css
<link rel="stylesheet" href="assets/css/theme.css" />
-
En la etiqueta <head>
<head>
<style>
body {margin:0}
<style>
</head>
-
Directamente en el elemento deseado
<p style="color:red">Texto rojo<p>
La forma más usada o el standard con el que se suele usar css es la primera opción que consiente tener un código más ordenado y legible y debido a esto también cabe destacar que muchas personas y empresas consideran que incluir estilos dentro de la página html sea poco profesional.
"Al tratar de centrarlo he intentado de todo y lo único que me funcionó fue esto"
A veces puede pasar que un estilo sobrescriba a otro, por ejemplo si se coloca un estilo en el head y otro en el elemento este último sobrescribirá al primero como se puede apreciar en el siguiente ejemplo en el cual el texto será de color rojo:
<html>
<head>
<style>
.texto {color:black}
</style>
</head>
<body>
<p class="texto" style="color:red">Texto</p>
</body>
</html>
Aún así esta regla cuenta con una excepción. En caso de que sea necesario inferir una propiedad a un elemento o etiqueta que podría llegar a ser sobrescrita más adelante podemos declarar que esta propiedad es importante y que no deseamos que sea sobrescrita, esto se hace utilizando !important
. De manera que si lo usamos dentro del <style>
del ejemplo anterior el texto ahora sería de color negro como podemos apreciar a continuación:
<html>
<head>
<style>
.texto {color:black !important}
</style>
</head>
<body>
<p class="texto" style="color:red">Texto</p>
</body>
</html>
En conclusión: Si pones todo el estilo en un archivo css y alguna propiedad parece no tener efecto, puedes añadir !important
para solucionarlo. Aunque tampoco es una buena práctica añadir !important
en todo en caso de que más adelante sea necesario cambiar una propiedad y también para no aumentar innecesariamente tamaño del css.
id
para JavaScript y de preferencia usar las clases para el estilo. De esta manera, si mañana decidieras incluir otros<iframe>
con los mismos estilos, te ahorrarías trabajo.