发表于： 2017-02-02 23:20:58
4 538
重新写日报，继续没上次没做完的任务5.
1.首先是顶部的header，一开始是用flex，在个人主页这几个字要居中的时候遇到了问题，因为左边的返回按钮不管是怎么设置都是要占用一定区域的，后来想到了absolute，是可以脱离普通流，顶部左边的返回键就用absolute定位了。居中的文字就是text-align：center；和行高设置。
2.人物详细信息部分，背景主要是用的background-size=cover；这个属性，头像部分我觉得应该是插在html里面的img，但是我还是用css的background做了，仍旧是用的flex盒子，左边是头像，右边是年龄，姓名，地址.右边也用了一个独立的flex盒子，如下。
3.专业技能部分，具体的实现方式是这样的，但是还是对于一些特殊格式，比如那个红色的字，添加了id，感觉不太好，有没有什么方式可以避免这样的事情。
4.底部两个按钮，用a标签。一开始只是加了padding：0 1.85rem；发现原来的盒子被撑破了，然后加入了box-sizing才解决。
遇到问题
关于类命名，一方面感慨于自己的单词量比较低，html嵌套太多层，一方面是真的不得法，命名出的类名，感觉词不达意。
明天任务
重新写下task6，争取做到代码格式规范，命名规范。
返回列表
评论