<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<title> 网站导航 </title> /* 网站标题 */
<style>
body{ margin:0px; } /* body 的外边距0像素 */
.nav{ /* 网站导航都是 nav 标签 */
padding-top:20px; /* 导航盒子内边距上面 20像素 */
padding-bottom:20px; /* 导航盒子内边距下面 20像素 */
background-color:#666; /* 导航盒子的背景颜色 */
}
li{
display:inline; /* 浮动 内联 显示 重点 盒子内联显示都要使用 inline 内联显示,横排显示*/
padding-right:10px; /* 内边距右边 10 像素 */
color:#333; /* 内容字体 颜色 */
}
</style>
</head>
<body>
<div class="nav"> /* 给div指定样式 nav 类选择器*/
<ul> /* ul 给指定一个大的盒子 */
<li>首页</li> /* li 给指定盒子内加小盒子给出内容 */
<li>公司简介</li>
<li>产品介绍</li>
<li>售后服务</li>
<li>联系我们</li> /* 所有的html里的元素都是盒子 */
</div>
</body>
</html>