¿Qué significa código de interfaz de usuario 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:

lt; div id='menu'gt

lt; agt;|

lt;a href="#"gt;Linklt;/agt;|

lt;a href="#"gt;Linklt;/agt ;|

lt;a href="#"gt;Linklt;/agt;|

lt;a href="#"gt;Linklt;/agt;

lt;/divgt;

*{margin: 0; padding: 0}

#menu{

ancho mínimo: 400px ;

altura: 20px;

fondo: #pink;

alineación de texto: centro

altura de línea: 20px; p> tamaño de fuente: 10px;

}

#menu a{

relleno: 10px

color: azul; /p>

decoración de texto: ninguna;

peso de fuente: negrita

}

#menú a: hover{ color: rojo}

2. Barra de navegación dos:

lt; ul id="menu"gt;

lt;首页lt;/agt;lt;/ligt;

lt;ligt;lt;a href="#"gt;Homepagelt;/agt;lt;/ligt; ;ligt;lt;a href="#"gt;首页lt;/agt;lt;/ligt;

p>

lt;ligt;lt;a href="#"gt; Página de iniciolt;/agt;lt;/ligt;

lt;ligt;lt;a href="#"gt ;Página de iniciolt;/agt;lt;/ligt; ;ligt;lt;a href="#"gt;Página de iniciolt;/agt;lt;/ligt;

lt;ligt;lt;a href="#"gt;Página de iniciolt;/agt;lt ;/ligt;

lt;/ulgt;

*{margin: 0 ;padding: 0}

cuerpo{min-width: 500px;}

li{list-style: none}

body{text-align: center }

a{text-decoration:none}

a:hover{color: #BA2636}

#menu{ ancho: 100; alto: 3.75rem ; fondo: #00A2CA; altura: 3,75rem}

#menu li a{display: inline-block; padding: 0 1,25rem ; altura: 3,75rem; altura de línea: 3,75rem; #FFF;

-peso: negrita; tamaño de fuente: 1rem}

#menu li a: hover{fondo: #0095BB}