Gracias, ya encontre una pagina..que me esta resolviendo algunas dudas....
pero dejare lo que encontre para cualquier otro novato...como yo.
Cita: padding
padding-top, padding-bottom, padding-left, padding-right
Padding es el espacio entre el contenido y el borde del elemento box.
Trabaja de forma similar a los márgenes, y se pueden asignar valores top, bottom, left, y right.
Veamos una etiqueta H4 con el siguiente estilo:
h4 {padding-top: 10px; padding-bottom: 45px;
padding-left: 100px; padding-right: 155px }
esta etiqueta H4 tiene el padding indicado
Como los márgenes, se pueden asignar valores al padding usando las unidades de longitud o porcentajes admitidos por el CSS
<p style="padding: 30px,10px;background:white">
este es un ejemplo de padding
</p>
Veamos como resultaría:
este es el mismo ejemplo de padding
Recuerda la regla del sentido de las agujas del reloj: La declaración 30px 10px; significa top=30px y right=30px. Si el navegador no encuentra un valor para el padding bottom (siguiente por orden) usa el valor del padding top. Y lo mismo ocurre con el padding left. Si se definen tres valores, el primer y el tercero se consideran padding top y bottom, respectivamente, y el segundo es usado para padding right y left.
La misma regla funciona con los márgenes, que se recuerda que son transparentes, no recogen el background de su elemento, sino el del fondo: simplemente añaden un espacio vacio alrededor del elemento.
y por si desean saber mas , le dejo la
pagina