Sesión 7 de html y css
Este es el html usado:
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>Prueba 8 de html</title>
<link type="text/css" rel="stylesheet" href="Prueba sesión 7.css">
</head>
<body>
<header><h1>Más opciones de css</h1></header>
<article>
<h2>Aquí hay algunas opciones que usar en el css para que tu página web tenga un mejor acabado</h2>
<section>Podemos poner varias partes de una página web para que todas reciban las mismas modificaciones de una hoja css al escribirlas todas separadas por comillas.</section>
<section>Al poner un asterisco y la llave con las modificaciones al documento que queramos hacer estas se aplicarán a todo el documento, evitando que tengamos que escribir uno individual para cada parte.</section>
<section>Si hay problemas porque se solapn unas cosas con otras, por ejemplo si el texto se sale de su caja porque no cabe, se usa la etiqueta "overflow" que nos permite opciones del estilo de si algo no cabe en su caja se pueda deslizar el texto para que todo se pueda leer.</section>
<section>Por último que si quieres que una opción de borde, padding... se aplice a tres o menos de los lados del texto se puede usar la opción border-(left, right, top, bottom) para que este solo afecte a la zona elegida.</section>
</article>
<footer><h4>No se que poner en este pié de página</h4></footer>
</body>
Y este el css
*{
box-sizing: border-box;
text-align:center;
}
header, footer{
background-color:#e354e3;
color:#ffffff;
}
header{
padding:20px;
}
article{
background-color:#65ff8f;
overflow: auto;
}
section{
height: 3cm;
width: 50%;
float: left;
background-color: #a4f7aa;
overflow: auto;
padding-top:10px;
padding-bottom:10px;
}
footer{
clear:both;
padding: 10px;
}
body{
background-color:black;
}
Comentarios
Publicar un comentario