CSS Layout Blueprint for Web Development

CSS Web Page Layout

The following stylesheet defines the layout and styling for the web page components:

#pagina { width: 1366px; height: 760px; } @font-face { font-family: 'Joystick'; src: url('letras/joystick'); } #entero { width: 780px; height: 720px; border: 2px solid black; border-radius: 10px; background-color: blue; margin-left: 300px; } #imagen { width: 780px; height: 100px; background-color: #1e90ff; border-radius: 10px; } #casillas { width: 780px; height: 30px; background-color: #cacaca; } #musica { width: 50px; height: 20px; border: 2px solid black; border-radius: 5px; margin-left: 100px; background-color: #40e0d0; float: left; } #peliculas { width: 59px; height: 20px; border: 2px solid black; border-radius: 5px; margin-left: 100px; background-color: #40e0d0; float: left; } #humor { width: 50px; height: 20px; border: 2px solid black; border-radius: 5px; margin-left: 100px; background-color: #40e0d0; float: left; } #cientificos { width: 75px; height: 20px; border: 2px solid black; border-radius: 5px; margin-right: 100px; background-color: #40e0d0; float: right; } #tablaarri { width: 200px; height: 100px; border: 2px solid black; border-radius: 10px; background-color: gray; margin-top: 20px; margin-left: 10px; } #tablaaba { width: 200px; height: 100px; border: 2px solid black; border-radius: 10px; background-color: gray; margin-top: 20px; margin-left: 10px; } #recomendaciones { margin-top: 10px; margin-left: 10px; } #micanal { margin-left: 10px; } #noticiaszubiri { margin-left: 10px; } #otros { margin-left: 10px; } #centro { width: 530px; height: 400px; border: 2px solid black; border-radius: 10px; background-color: gray; float: right; margin-top: -229px; margin-right: 10px; } #imag { margin-left: 10px; float: left; } #pantera {} #img { margin-left: 10px; margin-top: 44px; } #zakk { margin-left: 110px; margin-top: -90px; } #ima { margin-left: 10px; margin-top: 4px; } #slipknot { margin-left: 110px; margin-top: -90px; }