Muy sencillito.
Hace ya varios años, la W3C decidió separar: Contenido, presentación y comportamiento en diferentes documentos por estandarización.
Si no lo sabes la W3C (World Wide Web Consortium) es la máxima autoridad en cuanto a estándares Web.
Así tenemos que en los documentos de HTM solo tendremos CONTENIDO, dicho de otra forma, solo tendrás el texto que aparecerá y las imágenes, obviamente con etiquetas. Como nota, las etiquetas DIV tomaron una fuerza tremenda en este nuevo estándar.
En los documentos CSS (Cascade Style Sheets) tenemos la parte de PRESENTACION, o como tu lo dijiste, el cómo se ve la página. Aquí modificas todas las propiedades de las etiquetas HTML. Por si no lo sabías, todas las etiquetas tienen propiedades que se alterarán en los estilos, tales como color, tamaño, posición, ancho, alto, etc, etc.
En documentos PHP, JSP, JS, C#, VB, etc tenemos la parte de COMPORTAMIENTO. En esta parte pondrás las acciones que tu página hará dependiendo de determinado evento.
Resolviendo a tu duda.
Mayoritariamente lo que se modifican son los DIV's en los CSS. A estos se les atribuye una CLASE o un ID dentro del HTML y se refleja en la declaración del CSS.
Si tienes el Div
<div id="miPrimerDiv">Hola</div>
y en tu CSS tienes
#miPrimerDiv{
height : 500px;
width: 200px;
top: 13px;
left: 100px;
position: absolute;
}
te dara como resultado un contenedor de 500x200, separado del tope a 13 pixeles y de la izquierda a 100pixeles, en posisionamiento absoluto.
Ahora bien puedes hacer lo mismo creandolo como clase.
Este tema es un poco extenso y no cabe la respuesta.
Te recomiendo visites la pagina de la W3Schools (La escuela de la W3C) para que tengas mayor informacion al respecto. Pero como ya te dije, tan solo modificando, ALTO, ANCHO y las propiedades de POSICION, los elementos de tu pagina tendran un look n feel distinto.
http://www.w3schools.com/
Vete al apartado de LEARN CSS
|