tablas vs css

[programeitor]

Hola.

ilai ,separar el contenido de la presentacion es una forma de simplicar o complicar el trabajo, segun se mire, y segun que trabajo. Y los estilos CSS son aplicables tambien a las tablas, que de hecho son mas faciles de manejar para ciertos diseños web, que otro tipo de etiquetas HTML.

Lo que se persigue con esta 'tecnica' es por ejemplo, .supon que tenemos un boton tal que asi:

<input
type="button"
value="acceder"
style="color:red;background:yellow;border:1px solid black;"
>


Ese boton tiene el valor 'acceder' las letras son rojas sobre fondo amarillo y tiene un borde negro.

Ésta separacion de contenidos de la presentacion y de 'la funcionalidad' como en el caso de los scripts ,se consigue de la siguiente forma:

- la propiedad 'style' puede definirse fuera del elemento 'input' en un apartado en el 'head' de la pagina:


<style>
.boton{color:red;background:yellow;border:1 px solid black;}
</style>


y asignadole al 'input' una clase 'boton':


<input
type="button"
value="acceder"
class="boton"
>


con lo que por un lado tenemos un input de la clase boton y por otro un apartado 'style' que contiene la definicion de dicha clase.

esos 'estilos' tambien pueden ir en un archivo aparte, que solo contiene estilos. y se nombran archivo.css .El contenido en este caso seria la linea:

.boton{color:red;background:yellow;border:1 px solid black;


y se cargaria en la pagina con:

<style>
@import url(archivo.css)
</style>

o bien con:

<link rel="styleSheet" href="archivo.css">

Y está muy bien, porque a veces es conveniente tener los estilos en un archivo aparte, lo mismo que los scripts.