diff --git a/004_primeras_paginas/README.md b/004_primeras_paginas/README.md index c07f3e3..5435867 100644 --- a/004_primeras_paginas/README.md +++ b/004_primeras_paginas/README.md @@ -1,4 +1,4 @@ -# Formación programacion +# Formación programación ## Primeros pasos @@ -92,42 +92,44 @@ Página [productos](./html_css_parte2/productos.html) y - Posicionamiento listas y 'menu' de navegación. - Posicionamiento encabezado de página. -**CSS** - La [propiedad](https://www.w3schools.com/css/css_inline-block.asp) -[`display`](https://www.w3schools.com/css/tryit.asp?filename=trycss_inline-block_span1). +**CSS** - La propiedad [display](https://www.w3schools.com/css/css_inline-block.asp). + +
estilo + +```css + span.a { + display: inline; /* the default for span */ + width: 100px; + height: 100px; + padding: 5px; + border: 1px solid blue; + background-color: yellow; + } + + span.b { + display: inline-block; + width: 100px; + height: 100px; + padding: 5px; + border: 1px solid blue; + background-color: yellow; + } + + span.c { + display: block; + width: 100px; + height: 100px; + padding: 5px; + border: 1px solid blue; + background-color: yellow; + } +``` + +

+ +
html ```html - - - - -

The display Property

@@ -155,15 +157,16 @@ Página [productos](./html_css_parte2/productos.html) y gravida nisl sit amet facilisis. Nullam cursus fermentum velit sed laoreet. - ``` +

+



-En la página [productos](./html_css_parte2/productos.html). Se utiliza la -propiedad`display` con el valor `inline-block` para pode ajustar su contenido -con [productos.css](./html_css_parte2/productos.css). +En la página [productos](./html_css_parte2/productos.html) se utiliza la +propiedad `display` con el valor `inline-block` para poder ajustar su contenido +en [productos.css](./html_css_parte2/productos.css). diff --git a/004_primeras_paginas/html_css_parte2/productos.css b/004_primeras_paginas/html_css_parte2/productos.css index 6ca95dd..1b3a43d 100644 --- a/004_primeras_paginas/html_css_parte2/productos.css +++ b/004_primeras_paginas/html_css_parte2/productos.css @@ -43,6 +43,11 @@ nav a{ margin: 0 1.5%; padding: 30px 20px; box-sizing: border-box; + /*border-width: 2px; + border-style: solid; + border-color: #cd4f39;*/ + border: 2px solid #cd4f39; + border-radius: 10px; } .productos h2{ diff --git a/004_primeras_paginas/html_css_parte2/productos.html b/004_primeras_paginas/html_css_parte2/productos.html index 72c203e..d5aa423 100644 --- a/004_primeras_paginas/html_css_parte2/productos.html +++ b/004_primeras_paginas/html_css_parte2/productos.html @@ -25,7 +25,7 @@
  • Cabello

    -

    Corte tijera y/o maquina, a elección del cliente

    +

    Corte tijera y/o maquina

    $ 3.500.-