Scribd
Cargar
5 vistas4 páginas

Estructura HTML y CSS Básica

Este documento contiene CSS para dar estilo a diferentes secciones de una página web como header, nav, footer, artículos y tablas de partidos. Se definen clases, colores de fondo, tamaños de fuente, alineaciones y otros aspectos visuales.

Cargado por

ansuarez
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd
5 vistas4 páginas

Estructura HTML y CSS Básica

Este documento contiene CSS para dar estilo a diferentes secciones de una página web como header, nav, footer, artículos y tablas de partidos. Se definen clases, colores de fondo, tamaños de fuente, alineaciones y otros aspectos visuales.

Cargado por

ansuarez
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd

CSS: INDEX:

body {
font-family: Arial, sans-serif;
}

.contenedor {
width: 900px;
margin-top: 0;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
}

header {
height: 70px;
}

header span {
position: relative;
bottom: 30px;
color: red;
font-size: 20px;
}

nav {
background-color: gray;
height: 50px;
}

nav ul {
list-style-type: none;
margin: 0;
padding: 0;
}

nav ul li {
float: left;
padding: 0 20px;
}

nav ul li a {
color: white;
font-size: 13px;
line-height: 50px;
text-decoration: none;
}
nav ul li a:hover {
color: black;
}
footer {
background-color: black;
text-align: center;
padding: 5px;
clear: both;
}

footer p {
color: white;
}

/* CSS para los encabezados y párrafos */


h1 {
color: red;
font-size: 25px;
}

h2 {
font-size: 15px;
}

p {
color: gray;
}

CSS: anfitrión:

.contenedor {
width: 70%;
float: left;
}

aside {
width: 20%;
background-color: #F2F5A9;
float: right;
padding: 5%;
}

aside li {
color: red;
font-size: 13px;
}

article {
background-color: #D0F5A9;
width: 25%;
float: left;
margin-left: 3%;
margin-right: 3%;
padding: 2%;
}

article .ver {
color: #04B431;
text-align: center;
background-color: white;
padding: 5%;
}

CSS: partidos:

.partidos {

overflow: hidden;

.partidos figure {

float: left;

width: 40%;
margin: 0;

.partidos figure figcaption {

font-style: italic; /* Estilo itálico */

text-align: right; /* Alineación derecha */

font-size: 12px;

.partidos p {

float: right;

width: 58%;

margin-top: 0;

table {

width: 100%;

margin-top: 30px;

margin-bottom: 30px;

line-height: 20px;

table .gris {

background-color: gray;

table .numeros {

font-size: 20px;

text-align: center;

color: red;

También podría gustarte