前端学成在线项目详细解析三

19-推荐课程-内容样式

HTML结构

  

    
      

      

        
JavaScript数据看板项目实战
        
高级 · 1125人在学习
      
    
  
  

    
      

      

        
Vue.js实战——面经全端项目
        
高级 · 2726人在学习
      
    
  
  

    
      

      

        
玩转Vue全家桶，iHRM人力资源项目
        
高级 · 9456人在学习
      
    
  
  

    
      

      

        
Vue.js实战医疗项目——优医问诊
        
高级 · 7192人在学习
      
    
  
  

    
      

      

        
小程序实战：小兔鲜电商小程序项目
        
高级 · 2703人在学习
      
    
  
  

    
      

      

        
前端框架Flutter开发实战
        
高级 · 2841人在学习
      
    
  
  

    
      

      

        
熟练使用React.js——极客园H5项目
        
高级 · 95682人在学习
      
    
  
  

    
      

      

        
熟练使用React.js——极客园PC端项目
        
高级 · 904人在学习
      
    
  
  

    
      

      

        
前端实用技术，Fetch API 实战
        
高级 · 1516人在学习
      
    
  
  

    
      

      

        
前端高级Node.js零基础入门教程
        
高级 · 2766人在学习
      
    
  

CSS样式

.bd li .pic {
  height: 156px;
}
​
.bd li .text {
  padding: 20px;
  height: 115px;
  background-color: #fff;
}
​
.bd li .text h4 {
  margin-bottom: 13px;
  height: 40px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
​
.bd li .text p {
  font-size: 14px;
  line-height: 20px;
  color: #999;
}
​
.bd li .text p span {
  color: #fa6400;
}
​
.bd li .text p i {
  font-style: normal;
}

20-前端开发工程师区域

HTML结构

  
  

    
前端开发工程师
    

      
热门
      
初级
      
中级
      
高级
    
    查看全部
  
  

    

      
    
    

      

      

        

          

            
              

              

                
JS高级javaScript进阶面向对象ES6
                
高级 · 101937人在学习
              
            
          
          

            
              

              

                
零基础玩转微信小程序
                
高级 · 133781人在学习
              
            
          
          

            
              

              

                
JavaScript基础——语法解析+项目实战
                
高级 · 8927人在学习
              
            
          
          

            
              

              

                
前端框架Vue2+Vue3全套视频
                
高级 · 26022人在学习
              
            
          
        
      
    
  

CSS样式

/* 前端 */
.hd ul {
  display: flex;
}
​
.hd li {
  margin-right: 60px;
  font-size: 16px;
}
​
.hd li .active {
  color: #00a4ff;
}
​
.bd {
  display: flex;
  justify-content: space-between;
}
​
.bd .left {
  width: 228px;
  /* background-color: pink; */
}
​
.bd .right {
  width: 957px;
  /* background-color: pink; */
}
​
.bd .right .top {
  margin-bottom: 15px;
  height: 100px;
}

21-版权-布局

HTML结构

  

    
left
    
right
  

CSS样式

/* 版权 */
.footer {
  margin-top: 60px;
  padding-top: 60px;
  height: 273px;
  background-color: #fff;
}
​
.footer .wrapper {
  display: flex;
  justify-content: space-between;
}
​
.footer .left {
  width: 440px;
  background-color: pink;
}

22-版权-内容

HTML结构

  
  
学成在线致力于普及中国最好的教育它与中国一流大学和机构合作提供在线课程。
    © 2017年XTCG Inc.保留所有权利。-沪ICP备15025210号
  下载APP


  

    
关于学成网
    
关于
    
管理团队
    
工作机会
    
客户服务
    
帮助
  
  

    
新手指南
    
如何注册
    
如何选课
    
如何拿到毕业证
    
学分是什么
    
考试未通过怎么办
  
  

    
合作伙伴
    
合作机构
    
合作导师
  

CSS样式

.footer .left p {
  margin-top: 24px;
  margin-bottom: 14px;
  font-size: 12px;
  line-height: 17px;
  color: #666;
}
​
.footer .left .download {
  display: block;
  width: 120px;
  height: 36px;
  border: 1px solid #00a4ff;
  text-align: center;
  line-height: 34px;
  font-size: 16px;
  color: #00a4ff;
}
​
.footer .right {
  display: flex;
}
​
.footer .right dl {
  margin-left: 130px;
}
​
.footer .right dt {
  margin-bottom: 12px;
  font-size: 16px;
  line-height: 23px;
}
​
.footer .right a {
  font-size: 14px;
  color: #666;
  line-height: 24px;
}