一、基本过程:
1、了解前端就业前景
2、初步学习html基础标签
3、下载模板并调整,了解完整的代码结构
4、自己动手从零开始模仿网页制作
二、详细流程:
1、在工作室接触并了解一些前端基本情况以及老师讲解就业前景
2、最开始学习前端开发是在菜鸟学院官网进行html基本标签的运用,并在前端开发软件上进行试验,更改一些地方观察结果的变化。
3、在模板资源网上下载了一些模板进行学习,通过更改源代码了解一些标签的详细功能和学习新的东西
4、在网上找到的12306的官网,对其布局和效果进行分析,并开开发工具上进行仿写,将之前学习的东西进行综合运用,真正将所学融会贯通
三、index标签学习总结
1、在<head>标签下使用<link rel=" " href=" " type=" "> 可以在网页的标题上添加上图片。
2、vscode 软件上用可以快速写出多行代码,例如:输入ul>li*5>a 之后按Tap键可以快速写出。
<ul>
<li>
<a> <a>
<li/>
。
。
。
。
<ul/>
更新待续
四、css标签学习总结:
list-style: none;/**去除列表的符号**/
text-decoration: none;/**去除下划线**/
background: url(../图片链接); 设置背景图
text-align: center; 设置文字居中
line-height: ;可以调整行高使得后插入进去的东西在div中上下居中
.tl-2-dhl{
width: 1200px;
height: 40px;
border: 0px solid red;
margin: auto;
}
.tl-2-dhl a{
line-height: 40px;
width: 145px;
}