User Tools

Site Tools


es:web_development:layout:padding_margin

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
es:web_development:layout:padding_margin [2022/03/17 16:48]
mag [Configuración]
es:web_development:layout:padding_margin [2023/08/16 09:33] (current)
Line 34: Line 34:
   * Agregue esto a su CSS '.content' y verifique los resultados.   * Agregue esto a su CSS '.content' y verifique los resultados.
   * Como elementos de 'bloque en línea', llenarán la línea y luego pasarán a la siguiente línea cuando la primera esté llena. Intenta hacer los bloques más anchos para ver esto en acción.   * Como elementos de 'bloque en línea', llenarán la línea y luego pasarán a la siguiente línea cuando la primera esté llena. Intenta hacer los bloques más anchos para ver esto en acción.
-<code>    width: 300px;</code>+<code>    width: 450px;</code>
   * Este ancho debería estirarlos hasta casi ocupar la pantalla. Luego puede desmaximizar la ventana y cambiar su tamaño para ver cómo responden los elementos.    * Este ancho debería estirarlos hasta casi ocupar la pantalla. Luego puede desmaximizar la ventana y cambiar su tamaño para ver cómo responden los elementos. 
 +
 +==== Codigo Final ====
 +  * [[http://localhost/webdev/code/layout/2/es.php|layout.html]]
 +  * [[http://localhost/webdev/code/layout/2/style.php|style.css]]
 +  * [[http://localhost/webdev/code/layout/2/layout.html|result]]
  
 [[es:web_development:layout:php|Siguiente: Mantener la Consistencia con PHP]] [[es:web_development:layout:php|Siguiente: Mantener la Consistencia con PHP]]
  
  
es/web_development/layout/padding_margin.1647560931.txt.gz · Last modified: 2023/08/16 09:33 (external edit)