Paso 1: Los códigos de HTML de la barra de navegación de CSS3
-----------------------------------------------------------------------------------------------------------------------------------------------------------------
< div clase = "menú principal" >
< div clase = 'marca' >
< a href = '#' class = 'logo' > su insignia < /a >
< div clase = 'btn-grupo' >
< botón tipo = 'button' class = 'sign in' > firmar < / botón >< botón tipo = 'button' class = 'registro' > Registro < / botón >
< / div >
< div clase = 'campo de búsqueda' >
< tipo de entrada = marcador de posición de ' búsqueda' = 'Buscar' / >
< una clase = 'icono de la búsqueda' > s < /a >
< / div >
< / div >
< ul clase = 'nav clearfix' >
< li >< a href = '#' > NFL < /a >< /li >
< li >< a href = '#' > MBL < /a >< /li >
......
< li >
< a href = '#' > más < /a >
< ul clase = 'más deporte' >
< span clase = 'encabezado' > deportes < /span >
< li >
< a href = '#' > fútbol australiano < /a >
< a href = '#' > MSL < /a >
< a href = '#' > CFL < /a >
< a href = '#' > NCAA béisbol < /a >
< a href = '#' > grillo < /a >
< a href = '#' > Olimpiadas < /a >
< /li >
< li >
......
< /li >
< li >
......
< /li >
< span clase = 'footer' > última actualización: hoy, 28 de septiembre, hace < a href = '#' > todos los deportes < /a >< / span >
< /ul >
< /li >
< /ul >
< / div >
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------