发表于： 2019-05-28 00:47:07
2 887
今天完成的事：
百度了怎样用CSS和html编写九宫格，打开了第一个CSDN博客里面就给出了代码，无奈逆向推算，搜索每一个元素属性，来理解他的九宫格的编写思路，代码里的注解是我自己加上去的，格子标签还可以用q标签，好像还可以用其他标签没试，但用div更正确。对于为什么要浮动，查资料了解在文档的正常流里，div是占据一整行的(正常流实则是标签在html中的排列方式——块级元素独占一行垂直排列，内联元素在行内从左至右依次排列)，所以它的下一个元素会被挤下去。用float布局，样式里添加{float:left}，让div浮起来，这样它们就可以共行了。每个div都要float，不然它们会重叠，因为浮动元素不占据正常流的空间。单位的应用宽度和高度用%是为了让它随着窗口大小而变化以达到自适应的目的，外边距单位vw:相对于视口的宽度，视口被均分为100单位的vw，试了下1VW刚好，再加大垂直排列就会没有3个格子。
遇到的问题：
官网给出的步骤关于颜色不够严谨
如果按其输入黄色的话效果是这样的
要达到一样的页面效果要用橙黄色
不知道我这样算走捷径了吗，可不可以这样做。
明天计划：
配置nginx和学习用git上传项目
返回列表
评论