CSS 7ªEntrega Resumen de lo aprendido

Hola a todos/as esta entrega que hoy traigo es para que observemos una misma web con código visible y sin el. Cuando abrimos con el explorador directamente no la vemos si nos nos vamos a herramientas/ver código fuente ahí si estará.

He hecho esta página. Junto a ella he creado un archivo css osea una hoja de estilo para uqe le de vistosidad a esta página html.

Esta es la parte de abajo.

Aquí está el código fuente, es lo mismo pero visto desde dentro.

Llegamos hasta el footer o pie de página.

Esto es otra página principal que yo hice y aquí disecciono un poco que es lo que vemos en código fuente. Los h1 titulares los enlaces,las imágenes , los párrafos.

Mas de lo mismo hasta el footer.

Esto es la misma web pero con el código

Esto es un reseteo de márgenes

Así queda al resetear los márgenes

Ahora selecciono el color azul de fondo , fijémonos  que estoy dentro de body en enlaces

Aquí modifico tamaño,color, bordes .

He creado la clase ancho970 tendré que tenerla en la pagina html para poder modificarla

Ahí la tengo creada dentro de section pero sin olvidar que la id=listado y de ahí la clase.

Lo que estoy intentando decir, es que con una página en html y vinculado una hoja de estilo donde todas las modificaciones se pueden realizar sin sobrecargar la html se puede hacer sin complicaciones, hay muchos comandos en css y html pero es cuestión de tiempo.