发表于: 2020-05-08 22:50:12

1 1528


今天完成的事情:

今天差不多了解了css的概念,能够对网页中元素位置的排版进行像素级精确控制,可以对网页对象和模型样式编辑,然后在

html添加了css的样式,其实昨天就实现添加样式了,只不过是在html面板上添加,然后师兄指导我最好不要把样式直接添

加在html上,这样不容易修改。

今天起初是对盒子样式进行修改边框,但修改了很久都没达到效果,因为要做九宫格,所以首先要把其中一个格子先弄出来,

之后通过不停的查看资料才发现只需要长度和宽度就行了,然后添加颜色样式盒子间隔和格子圆角,所以这第一个格子就算

弄出来了吧。

之后就开始实现多个格子,可是弄了很久都不知道如何再添加第二个格子,本来挺简单,可是却难倒我了,所以继续查找资

料,起初以为在样式里继续添加相同的格子代码,然后在html添加对应元素,但是依旧无法实现,之后通过琢磨,再加上师

兄的指导才发现并不需要添加第二个相同样式,只需要在html添加样式的对应元素即可,我茅塞顿开,居然这么简单,果然

是我太笨。。。

实现多个格子之后,师兄让我看浮动样式的资料,九宫格就是通过浮动样式实现,通过师兄指导发现需要对格子大小做调整,

从中发现除了px还有其他长度单位,比如%、vw等元素,最后通过调整实现了网页九宫格。

明天计划的事:

安装和配置nginx,然后在手机上访问网页,任务一就差不多完成了吧。说实话我感觉进度有点慢。明天就开始着手第二个任务。

遇到的问题上面差不多都说到了,对样式理解还不够透彻,对常用的元素记得不熟,长度单位啊等等。

收获:学习了新的样式,完成了九宫格,对长度有了理解。


返回列表 返回列表
评论

    分享到