<html>
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<title></title>
<style>
*{
margin: 0
padding: 0
}
ul li{
display: block
list-style-type: none
width: 500px
height: 60px
}
#li1,#li3{
background: #09C703
}
#li2{
background: #3eebff
-webkit-transition: height .3s linear
-moz-transition: height .3s linear
-o-transition: height .3s linear
transition: height .3s linear
}
#li2:hover{
height: 300px
}
</style>
</head>
<body>
<div>
<ul>
<li id="li1"> </li>
<li id="li2"> </li>
<li id="li3"> </li>
</ul>
</div>
</body>
</html>
望采纳
前端虽然学习起来是相对简单的，但是内容也不少，同时后期可以补充后端技能，成为现在热门的web全栈工程师。
要学的内容主要有：
①计算机基础以及PS基础
②前端开发基础（HTML5开发、JavaScript基础到高级、jQuery网页特效、Bootstrap框架）
③移动开发
④前端高级开发（ECMAScript6、Veu.js框架开发、webpack、前端页面优化、React框架开发、AngularJS 2.0框架开发等）
⑤小程序开发
⑥全栈开发（MySQL数据库、Python编程语言、Django框架等）
⑦就业拓展（网站SEO与前端安全技术）
互联网行业目前还是最热门的行业之一，学习IT技能之后足够优秀是有机会进入腾讯、阿里、网易等互联网大厂高薪就业的，发展前景非常好，普通人也可以学习。
想要系统学习，你可以考察对比一下开设有相关专业的热门学校，好的学校拥有根据当下企业需求自主研发课程的能力，能够在校期间取得大专或本科学历，中博软件学院、南京课工场、南京北大青鸟等开设相关专业的学校都是不错的，建议实地考察对比一下。
祝你学有所成，望采纳。
