Entradas

Parte 6_Parte 2 de carpeta_20_20_formularios_ CLASES

-
Imagen
 Ejercicio 28 nov___20_San Francisco _muy bonito_texto e imágenes ( d__i_c___m__a__r_) Fíjate:  <img src="img1.jpg" style="height:250px; padding:10px; float:right;"> <img src="img2.jpg" style="border: 7px solid red; height:250px; padding:10px; float:left;">  Cuando le das un valor fijo a height (alto) y no defines el width (ancho), el navegador calcula automáticamente el ancho proporcional para que la imagen no se deforme ni se distorsione . ¿Cómo funciona en el navegador? Calcula la proporción original: El navegador lee las dimensiones nativas de img2.jpg (por ejemplo, 800px de ancho × 400px de alto). Aplica tu height : Ajusta la altura de la imagen a los 250px que especificaste. Aplica width: auto implícitamente: Como no pusiste ancho, el navegador asume un ancho automático proporcional a la nueva altura (en el ejemplo, pasaría a medir 500px de ancho). Las 3 situaciones comunes con imágenes en CSS Es un concepto genial para...
Leer más

Parte 5_HTML5_CSS_REPASO +++carpeta_20_20_formularios_Y CLASES

-
Imagen
  Parte 2_Lección 1_(repaso) Quizás ya adivinaste esta parte, pero si no, vamos a decirla de una vez: ¡cualquier elemento de HTML puede ser un selector de CSS! Podéis modificar las  <ul> ,  <table> , e incluso la etiqueta  <body>   completa, seleccionando  ul ,  table , y  body , respectivamente. <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="stylesheet.css"> <title></title> </head> <body></body> </html> parte 2 lección 1 stylesheet.css body{ background-color:black; } parte 2_lección 2_repaso: En la pestaña CSS, selecciona únicamente el encabezado h3 anidado dentro de tres  <div>   y cámbiale su  color   a  rojo . <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="stylesheet.css"> <title>Result</title> </head> <body> ...
Leer más