发表于： 2017-03-20 22:39:33
2 667
今日完成的事：任务五，复习了position三个属性值的区别，布局方式，学习了表格边框border的设计方式，熟悉css代码规范等等。
明天完成的事：任务六，完成页面的主体布局。
遇到的难题与收获：某个文字旁边加一条竖直线不会弄，开始还尝试用切图切一天竖直线，用div盒子的形式布局到文字旁边...后来查资料懂得了使用border就可以弄一条边边出来才发现自己实在是太纯了。然后也通过border:1px soild #cccccc；发现其实很多标签可以一次写很多你想要的属性值的，而不是border:1px;border:soild;border:#cccccc;这样分开写....还有就是， 分不清margin与padding的区别，通过万能的百度加深了一下理解，大概通俗的说就是，margin是在border边框外面的设置的空白地带，padding占据的是border边框里面的空白，这两过有个相同点，就是使用两个参数的时候，第一个参数表示上下边距，第二个表示左右边距。想设置元素居中时，使用margin:auto；即可，但是如果父元素没有设置height的话，margin无法实现，垂直居中，因为height没有根据值。
返回列表
评论