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">中国大陆 <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> 购物车</a> <a href="" class="header_a"><span class="fa fa-star"></span> 收藏夹<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或者更简单的方式能实现,例如表单验证