2021-05-17

信息技术联盟作业:
1.栅格(网格系统) 比如说一个页面它每行有多少多少东西，当这个页面被人为的放大或者缩小的时候，不会出现只能看到前面一部分内容(后面的内容在页面缩小之后就看不见了）这种情况。

系统能根据页面的大小自动调整(感觉相当于自动换行)这样的话每行的内容变少了，但是总内容不变。

根据屏幕或者视口尺寸的增加，系统能最多分成12列。

row:行
column:列
container:可以理解为一个容器或者小盒子

栅格的嵌套:
row必须放在container 里面，然后在一个row里面最多可以分成12小列(也可以不分这么多列)

例如col -md-3和col -md-9，只需要满足md-后面的数加起来等于12就可以了。在每一个row的一个列里面，可以再增加row和colmun(这就相当于把这个列当成一个container)这样嵌套下去就可以实现很多功能。

比如看个例子:(第一层row分为两列，长度分别是3和9。在长度9的列里面开辟出来一个新的“container”，在这个里面分了两个row，每个row都分成两列，长度都分别是6和6)

还有个功能就是可以改变列排序:
比如一个开始左边长度为4，右边长度为8的列，在他们对应代码的位置加上col-md-push-8和col-md-pull-4就会改变列的顺序

最终效果:

2.html和css的关系

(个人感觉其实html就像是一个人的骨架一样，只能做到告诉我们某个部分大致是怎么样的，但是具体细节实现不了，而css就相当于人的血肉，能在这个骨架的基础上添加一些细节，比如颜色，字体大小，图片大小等等)

3.心得:

问题1:
想把上节课练过的东西的整体流程再过一遍，所以做了第二个项目： 在body里面把导航栏的代码对应的删删改改之后，发现能运行出来而且运行效果一样，但是检查代码的时候发现自己的代码少了两行：
（没有这两行代码也能运行，所以想知道这两行代码是干啥的？）

查了一下发现script这个标签用于定义客户端脚本，如果再加上src的话则属性指向外部文件(感觉就是跟外面的一个东西产生联系，如果没有的话就跟外面的东西产生不了联系，但是这并不会影响文件本身)

问题2:
在css里面对home做事情的时候，把背景图片搞完之后搞color的时候发现color莫得反应，这是为啥呢？

后来发现background内行结尾没加分号，没加分号的话感觉background内行就不是一个完整的句子了，就会对下面产生影响。

3.还有的问题就是一些标签或者代码不知道啥意思，所以查了一下:


可能还有问题，但是一时半会想不起来了
还有一些不确定的地方，到时候还得问问学姐

(哎，让一个网页从无到有感觉还是有点复杂的，有很多东西需要记，还有很多东西不知道用法，感觉现在脑子有点乱乱的，需要整理一下思路。莫得关系，慢慢学慢慢练。)