案例和总结理解

Original 2019-04-12 18:52:32 236
abstract:<!doctype html> <html> <head> <meta charset="utf-8"> <title>导航布局</title> <link rel="stylesheet" type="text/css&qu
<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>导航布局</title>
	<link rel="stylesheet" type="text/css" href="css/index.css">
	<link rel="stylesheet" type="text/css" href="css/font-awesome-4.7.0/css/font-awesome.min.css">
</head>

<body>
	<div class="header">
		<div class="header_content">
			<div class="header_left">
				<a href="" class="header_a">中国大陆&nbsp;&nbsp;<i class="fa fa-angle-down"></i></a>
				<a href="" style="color:#FF5000;">亲,请登录</a>
				<a href="">免费注册</a>
				<a href="">手机逛淘宝</a>
			</div>
			<div class="header_right">
				<a href="" class="header_a">我的淘宝<i class="fa fa-angle-down"></i>
					<ul>
						<li>已买到的宝贝</li>
						<li>我的足迹</li>
					</ul>
				</a>
				<a href=""><span class="fa fa-cart-plus" style="color:#FF5000;"></span>&nbsp;&nbsp;购物车</a>
				<a href="" class="header_a"><span class="fa fa-star"></span>&nbsp;&nbsp;收藏夹<i class="fa fa-angle-down"></i>
					<ul>
						<li>已买到的宝贝</li>
						<li>我的足迹</li>
					</ul>
				</a>
				<a href="">商品分类</a>
				<a href="" class="header_a">卖家中心<i class="fa fa-angle-down"></i></a>
				<a href="" class="header_a">联系客服<i class="fa fa-angle-down"></i></a>
				<a href="" class="header_a"><span class="fa fa-align-justify" style="color:#FF5000;"></span>网站导航<i class="fa fa-angle-down"></i>
					<ul>
						<li>已买到的宝贝</li>
						<li>我的足迹</li>
						<li>我的足迹</li>
						<li>我的足迹</li>
						<li>我的足迹</li>
						<li>我的足迹</li>
					</ul>
				</a>
			</div>
		</div>
		<div class="clear"></div>

	</div>
	<p>
	    通过CSS就能做出下拉菜单的效果,之前以为是javascript做的呢。看过视频后还不能灵活熟练掌握要点,以后还需要多练习。
	</p>
</body>
</html>


Correcting teacher:天蓬老师Correction time:2019-04-13 09:09:08
Teacher's summary:现在的css3的功能已经非常强大了, 并且 不断有新功能加入, 之前很多需要js做的, 现在直接用css或者更简单的方式能实现,例如表单验证

Release Notes

Popular Entries