发表于： 2017-03-04 23:53:54
1 876
今天完成的事情：
1.完成了任务5的header，footer以及主体的上半部分的布局，并添加了样式，使得和效果图一 致。
2.采用flex对footer处的元素布局。学会了简单的使用flex。
明天计划的事情：
1.完成任务5的下半部分的布局并添加样式。
2.深入的了解下flex、display、position、float。
遇到的问题：任务五和任务四类似，暂无问题。
收货：
1.布局的传统解决方案，基于盒状模型，依赖 display属性 +position属性 + float属性。对于那些特殊布局不 是很方便。
2.学会了如何使用flex进行简单的布局。对一个元素设置display：flex之后，在其中的子元素设置flex-grow 为1，那么他们将等分剩余空间，若某一 项 flex-grow为2，那么他占据的空间将是其他项的两倍。
3.学会了使用box-shadow向框添加阴影，box-shadow: h-shadow；v-shadow；blur；spread；color；inset;该属性是由逗号分隔的阴影列表，每个阴影由 2-4 个长度值、可选的颜色值以及 可选的 inset 关键词来规定。省略长度的值是 0。其中前两个决定位置，之后分别为决定模糊距离， 阴影尺寸，颜色，内部或外部。
返回列表
评论