简单静态网页

该网页分为俩大块，分别是导航与div块

导航栏

使用无序列表设置
css内容
.ul{
margin: 0;
padding: 0;
background: red;
width: 100%;
height: 80px;
}
.ul li{
list-style-type:none;<–列表无样式–>
display: inline-block; <–列表内容不换行–>
color: yellowgreen;
font-size: 16px;
margin-left: 50px;
line-height: 0px;
}

ul li交互使用

<ul class="ul">
			<li><h1>端午节</h1></li>
			<li>节日由来</li>
			<li>节日风俗</li>
			<li>节日活动</li>
			<li>发展历史</li>
			<li>屈原</li>
			<li>地方差异</li>
			<li>文学记述</li>
		</ul>

而div块

<div>
    <p>屈原（约公元前340或339年—公元前278年），春秋战国时期楚国诗人、政治家。
		出生于楚国丹阳（今湖北宜昌）。芈姓，屈氏，名平，字原；又自云名正则，字灵均。
	</p>
</div>