WEB前端学习第一周总结

一周总结

总结

第一天

在第一周的时间里通过第一天的学习,从最初的学习,知道了网页从建立项目,到完工每一步的构成,以及网页的结构,表现,行为三部分。
到后来的WEB标准,知道了W3C和ECMA。在这里插入图片描述
接下来了解了计算机语言和HTML语言的发展。并初次尝试了VSCODE 。

第二天

了解了HTML的基本结构以及每一句语言的含义。同时了解了HTML的语法,以及一些常用的标签。例如标题标签,文本加粗标签等。
也学习了怎么搭建无序列表,有序列表和自定义列表,同时学会了怎么插入超链接,图片和表格。

第三天

第三天的学习主要对表格进行深度学习,包括行列,宽高,边框颜色,以及对齐方式和间距,最主要的是学习了如何合并单元格,同时通过大量的练习,对合并列,合并行进行深度学习。
第三天下午的学习主要是对表单以及表格的使用,学习了表单中的各种标签的含义,例如密码框,文本框等。例如如下案例就是表单和表格的共同使用。
在这里插入图片描述
代码如下
在这里插入图片描述
在最后学习了CSS中的样式表。

第四天

通过第四天天的学习了解了样式表的权重,css的层叠性,css的选择符,划分网页上下布局,主要对css的选择符进行深入理解和代码实现。
最主要的是学会了用div划分网页布局。

第五天

通过第五天的学习,主要学习了CSS选择符的权重问题,并对css层叠性做解释,也学习了CSS的文本属性,并且初步了解了浮动。
css的属性很多,今日只是学习的文本属性,例如控制文本大小,控制文本颜色,控制下划线等诸多属性,并加以练习。
在这天的最后,学到了一个全新的知识点,浮动!!
浮动的用处很多,但我现在还处于初期学习阶段,通过今天的学习,可以用浮动的只是去进一步划分网页布局。

周末

今天一天的时间主要是自己练习,回顾之前的知识,对之前学过的标签,属性等只是进行复习,并且上手练习。
昨天学习的浮动在今天就派上用场了,用浮动的只知识划分布局可以使网页看起来区域分明,更有利于操作。
例如在div中加入class后,对每个class进行编辑。
在这里插入图片描述
在用css对其每一块进行修饰。例如对banner中的每一个分区进行高和宽的设定,并且把每一块的背景颜色进行修改。
在这里插入图片描述
最终呈现出的效果如题。
在这里插入图片描述

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值