发表于: 2016-03-21 23:23:17

1 1548


今天完成的事情:

(1)完成task8”修真院职业页“页面

http://139.129.13.246/task7task8/positions-list.html

https://github.com/fangunhs/task

明天计划的事情:

(1)完成task9简单表单制作。

(2)优化职业页部分元素的布局,拆分唯一的css以便清晰地引用。

(3)总结之前遇到的问题,比如同行的若干元素设置display:inline-block后高度不一。

遇到的问题:

(1)布局“职业卡片”一开始用的是表格,设置了跨行和跨列,折腾过后并不能做到自由控制每行单元格宽度。后来参考@古尘的布局,采用了列表的结构,勉强能达到效果。

(2)快写完的时候发现对页面部分元素的定位可以优化,明天做吧。想来现在布局有个坏习惯:各个盒模型还没定位好,就执着地先去设置一个span标签里的样式。这样本末倒置的后果往往会浪费时间,更严重的是占用总结(总结真的很重要!)的时间。在接下来的实践中改改改!

收获:

(1)掌握了CSS中transform属性(2d、3d)。

(2)用HTML写页面的内容,用CSS对各个元素、盒模型进行布局和设置样式,CSS和JS为页面加动态效果。现在对页面制作过程的认识到了一个新层次。



返回列表 返回列表
评论

    分享到