发表于： 2019-03-30 23:58:22
2 804
今天完成的事情：
1.写完了第二个页面。
明天计划的事情：
1.完成任务十四十五。
遇到的问题：
栅格系统分了20列，忘记第三个页面的表格占三分之一了。给栅格系统添加了一个类col，设置col宽度33.3%。一个比较取巧的方法。怪我一开始的时候没有想好。
收获：
1.尽管给*设置了ie盒子模型，但是伪类before和after仍然是标准盒子模型。可能是因为不在文档流里吧。如果在开头的
声明一下应该可以解决这个问题。
2.
首行有2个汉字的空格。可以用&emsp；但是有些麻烦。
text-indent可以设置首行缩进，一劳永逸。
3.写table的时候遇到的问题。
可以看到tr的长度比td多4px。但是第一行只有一个td按道理长度是一样的。
而且给tr设置的border-bottom也没有出现。和任务8/9用bootstrap写的代码对比了一下，bootstrap有给table设置了border-collapse: collapse。意思是边框折叠。
设置了border-collapse: collapse以后
但是没想明白在这里为什么会有这样的作用。设置了以后tr和td的长度就一致了，tr下边框也出现。
4.table的td宽度默认根据内容大小设置的。
设置以后可以定宽。
总体感觉table很难用，css之间互相关联，改变一个tr的样式表格就崩了，很头疼。明天再细细研究。
返回列表
评论