Hits de hoy: 238 | Visitas de este día: 70 | Total: 381548 | Tu país: us




Concurso PWG: Las votaciones comenzarán el 20-12-17 hasta el 01-01-2018.

Tutorial HTML CSS
Emisión en:
PlayStop Bajar Subir
Publicitus↓ Info:
¡Poofers!
VipWebs!
¡Scarys!
Recursos

Radio Vijaer

Tutorial HTML CSS

Tutorial HTML y CSS



1. Tutorial : Diferenciar Margins , Paddings , Borders.


BORDER

Si en una capa solo definimos su contenido en html esta únicamente mostrará eso. Pues bien, la propiedad border dibuja un borde-límite alrededor de ese contenido. El borde estará situado en el contorno. Por defecto, si no se indica otra cosa, es una línea continua de 1 pixel de grosor y de color negro.

Border = Borde de la imagen sin quitarle ningún pixel de tamaño ni agrandarle.


¿Cómo se escribe el borde en código?


border: 3px 3px 3px 5px;

3px = Margen de Arriba
3px = Margen de la Derecha
3px = Margen de Abajo
5px = Margen de la Izquierda

PD: Los códigos van en sentido del reloj siendo el primero:  arriba - derecha - abajo - izquierda




PADDING

El padding lo usaremos para definir la distancia de la separación entre el borde y el contenido dejando el espacio hecho sin acceso a poner nada en él.


Por ejemplo, 20px de padding a una imagen .... son el espacio del contenido y el borde.


¿Cómo se escribe el padding en código?


padding: 10px 15px 10px 15px;


10px = Margen de Arriba
15px = Margen de la Derecha
10px = Margen de Abajo
15px = Margen de la Izquierda





MARGIN

Ahora tenemos otra distancia más. El margin es la distancia de separación que se va a dejar entre el borde y la parte exterior del elemento de la capa. En este caso no se ve, pues es una zona exterior al dibujo en la que no se permite que aparezca nada. Por eso se usa para separar unos párrafos de otros.


¿Cómo se escribe el margin en código?

margin: 6px 8px 6px 8px;

6px = Margen de Arriba
8px = Margen de la Derecha
6px = Margen de Abajo
8px = Margen de la Izquierda

Como dato complementario, la implementación de los código como puedes ver están resumidos, de esta forma hace más rápida la interpretación del mismo en los navegadores. Además, puedes trabajar en porcentaje las distancias.


border padding y margin en css y html




Comparte esta entrada


¿Deseas más tutoriales?Anterior/SiguienteVisita la sección de Recursos en el menú

Feliz Navidad y próspero año nuevo 2018!!!... Espero que la magia llegue a cada uno de nuestros corazones.Paz
Publicitus Mensaje Navideño y Año Nuevo

Es una de las festividades más importantes del cristianismo, junto con la Pascua de resurrección y Pentecostés. Esta solemnidad, que conmemora el nacimiento de Jesucristo en Belén, se celebra el 25 de diciembre en la Iglesia católica, en la Iglesia anglicana, en algunas comunidades protestantes y en la mayoría de las Iglesias ortodoxas. En cambio, se festeja el 7 de enero en otras Iglesias ortodoxas como la Iglesia ortodoxa rusa o la Iglesia ortodoxa de Jerusalén, que no aceptaron la reforma hecha al calendario juliano para pasar al calendario conocido como gregoriano, nombre derivado de su reformador, el papa Gregorio XIII. El 25 de diciembre es un día festivo en muchos países celebrado por millones de personas alrededor del mundo y también por un gran número de no cristianos.

Los angloparlantes utilizan el término Christmas, cuyo significado es ‘misa (mass) de Cristo’. En algunas lenguas germánicas, como el alemán, la fiesta se denomina Weihnachten, que significa ‘noche de bendición’. Las fiestas de la Navidad se proponen, como su nombre indica, celebrar la Natividad (es decir, el nacimiento) de Jesús de Nazaret.

Los orígenes pueden variar de acuerdo a la festividad. Aunque la fecha exacta del nacimiento de Jesús de Nazaret no se encuentra registrada ni en el Antiguo Testamento ni el Nuevo Testamento (Biblia), el 25 de diciembre ha sido significativo en los pueblos de la antigüedad que celebraban durante el solsticio del invierno en el hemisferio norte (desde el 21 de diciembre). La adopción a esa fecha se realizó siglos después, empezando por el testimonio de Sexto Julio Africano en el año 221 acerca de la fecha de nacimiento en Judea y el calendario litúrgico filocaliano de 354 después de la era común.

Fiesta

Decoración árbol navideño en El Salvador del Mundo...

...Situado en la capital salvadoreña, carretera Panamericana.

Publicitus↓ Info:

Bocetos de: M3SG. Goku SSJDiosAzul. Goku SSJDios.

¿Quiénes son los bocetos?

Descubre la respuesta aquí.

Ventana PoofersWebmetoons...

PublicitusFecha y hora de creación: 15-12-2010, 13:03pm. Entre las tantas utilidades que se les puede dar a los webme-toons, las mas notables que lograremos serán...1.- Diversión para pasar el momento...2.- Interacción entre usuarios que no se llevan...3.- Conseguir mas visitas en el foro...4.- Cambiar a este tipo de estereotipo de paginas planas y convertir al menos al foro en un poco de 3D que no en muchas paginas existe esto ... 5.- Algunos la usaran como "mascota" de sus sitios web....6.- Ayudar a los usuarios en tutoriales.

Poofers Webme Toons 2018: La idea espero realizarla a más tardar a finales de año. Quiero agradecer a todas las personas en el foro que me preguntan por estos esponjocitos, tengan por seguro que siempre leo sus comentarios respecto al tema. Los dos poofers que verán a continuacion, se basan el ánime más famoso de todos los tiempos "Dragon Ball" cuyo creador original es el talentosísimo Akira Toriyama. ¿Más información de Dragon Ball Súper? por el momento solo se emite en Japón su respectivo manga y sagas televisadas.

DrossRotzank.

¿Cómo se conoce en Youtube?

Indaga aquí.

¡Videos de El Diario de Dross!

Biografía DrossNombre: Ángel David Revilla. Nació el 16 de Julio de 1982 en Caracas, Venezuela. Durante su niñez, fue uno de los estudiantes más destacados en la escuela y en la Universidad. Ya de adulto decidió estudiar periodismo. Su estilo es único y versatil. Es un comunicador por excelencia. Tiene frases muy típicas de él e inigualables. Búscalo en sus redes sociales...

Nueva sección de RadioVijaer: "El Diario de Dross", con 20.000.000 de visitas. Estaré actualizando el post a medida que el autor dé a conocer sus adelantos e investigaciones. Primer estudio: Las 7 Casas más Tenebrosas del Mundo, listado top que te llevará a muchos lugares del planeta, en la que se expone una sinfinidad de acontecimientos sin explicación alguna, un viaje que de seguro te hará pasar un buen rato en compañía de tus amig@s. Si te gustan los mismos, no dudes en comunicarte conmigo; hace un par de semanas una chica me preguntó las redes sociales de Dross, sí las tiene, solo debes comprobar que sean sus cuentas verificadas... Te comparto los mejores relatos de este estupendo escritor en la sección VipWebs.

Chibi-Dross
Libro-Dross
Metaverso de Dross
¡Lo Nuevo!... Datos a tu disposición.
Noticia PWG:
Ganadores del Concurso 27-07-2016
IP de tu Equipo:
54.234.45.10
Buscador Web:
Código País:
Country-Code: us
Tiempo Real - Frase del Mes...
Frases

"Si buscas resultados distintos no hagas siempre lo mismo". Atrévete a soñar, a darte impulso por ti, si siembras hoy, mañana recogerás tu cosecha!.

El mundo, nuestro país y las comunidades nos necesitan, quiere que seamos capaces de mostrar lo mejor de sí.

Reflexiones para este trimestre!

Facebook
  • FacebookCompartir
  • FB Like Angie HenriquezCompartir
Ideas y Twitter
  • TwitterSeguidores
  • "¡Retwitteo @PolíticosVIP!"Retwitt
  • @LichitDemay: "¡Comentó twitt!"Museo
G+Plus
  • Google PlusValoraciones
  • Bárbara Lois: "¡Círculo de amigos!"Poemas
Videos
  • Youtube!Publicaciones

← Ver Redes Sociales!

footer => ¿Desea una página web gratis? Pues, haz clic aquí! <=