¿Qué significa el código de interfaz div+css?
En el código front-end, div+css generalmente se usa para diseñar páginas de usuario. Mediante esta combinación, se puede separar el contenido y el estilo de la página web, mejorando la velocidad del desarrollo front-end.
¡Usemos div+css para escribir dos barras de navegación!
1. Barra de navegación uno:
*{margin:0;padding:0}
#menu{
ancho mínimo:400px;
alto:20px;
fondo:#pink;
text-align:center;
line-height:20px;
font-size:10px;
}
#menu a{
padding:10px;
color:azul;
text-decoration:none;
font-weight:bold
}
#menu a:hover{color:red}
2. Barra de navegación dos: <. /p>
*{margin:0; padding:0}
cuerpo{min-width:500px;}
li{list-style:none}
cuerpo{text-align:center}
a{text-decoration:none}
a:hover{color:#BA2636}
#menu{ ancho:100% alto:3.75rem; ; fondo:#00A2CA;}
#menu li{display:inline; height:3.75rem}
#menu li a{display:inline-block; ; altura: 3,75 rem; altura de línea: 3,75 rem;
color:#FFF;font-weight:bold;font-size:1rem}
#menu li a:hover {antecedentes:#0095BB}