基础学习：

前端最基础的就是 HTML , CSS 和 JavaScript 。

网页设计：HTML和CSS基础知识的学习

HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。

动态交互：JavaScript基础的学习

JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻图片）的轮换。可以这么理解，有动画的，有交互的一般都是用JavaScript来实现的。

padding: 10px 0;

text-align: center;

background-color:#f4f4f4;

cursor: pointer;

}

/* 点击对应的标题添加对应的背景颜色 */

.tab-tilte .active{

background-color: #09f;

color: #fff;

}

.tab-content div{

float: left;

width: 25%;

line-height: 100px;

text-align: center;

}

.sider_icon{

display: inline-block;

width:36px;

height:40px;

line-height:36px;

font-size:20px;

text-align:center;

color:#fff;

background: url(…/images/bubble.png) 0 0 no-repeat;

top:-20px;

}

.contentli{

float: left;

padding: 10px 0;

text-align: center;

}

.input{

float: left;

width: 60%;

margin-left:20%;

padding: 10px 0;

align:center;

}

.btn{

float: left;

width: 20%;

margin-left:60%;

padding: 10px 1px;

text-align: center;

}

.guanggao{

float:right;

padding-right:10px;

cursor:pointer;

}

#bottomDiv{

float: left;

margin-left:40%;

padding: 10px 10px;

text-align: center;

}

#bottomDiv a{

padding: 1px 10px;

cursor:pointer;

border-bottom:1px solid red;

}

<span class=‘guanggao’ @click=‘goLogin’>点击跳转{{n}}

欢迎体验

欢迎登录

请输入用户名

请输入密码

<button @click=“add” :disabled=“!name||!pwd” class=‘btn’>登录

<a @click=“goRegister”>我要注册

注册界面，没写，哈哈

<a @click=“goLogin”>我要登录

登录成功

<a @click=“exit”>退出登录