前端代码div+css是什么意思？

在前端代码中，通常使用div+css来布局用户页面。通过这种组合方式，可以将网页的内容与样式分离，提高了前端开发的速度。下面就来使用div+css来实现两种导航栏的编写吧！

1.导航栏一：

<a href="#">链接</a>|

</div>

*{margin:0;padding:0}

#menu{

min-width:400px;

height:20px;

background:#pink;

text-align:center;

line-height:20px;

font-size:10px;

}

#menu a{

padding:10px;

color:blue;

text-decoration:none;

font-weight:bold

}

#menu a:hover{color:red}

2.导航栏二：

</ul>

*{margin:0;padding:0}

body{min-width:500px;}

li{list-style:none}

body{text-align:center}

a{text-decoration:none}

a:hover{color:#BA2636}

#menu{ width:100%; height:3.75rem; background:#00A2CA;}

#menu li{display:inline; height:3.75rem}

#menu li a{display:inline-block; padding:0 1.25rem; height:3.75rem; line-height:3.75rem;

color:#FFF;font-weight:bold;font-size:1rem}

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