基础学习:
前端最基础的就是 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”>退出登录