发表于: 2017-03-23 21:18:25
1 629
一、今天完成的任务:
1,任务十只是做了个表头,其余时间都在提交审核任务七,感觉浪费了一整天的时间。本来就不是很大的问题,非要纠结。后面的任务十一到十五明明要再重新做一遍以前的任务,我倒好,非要为了能把页面做到在320-760之间的时候让他们自适应,在大于760之后设置最大值、居中。而且还要使内容在大于760之后固定(把所有的值设成固定值)。跟重新做了一遍任务七没什么区别了...
2,一个任务七的三角形相对定位的问题,楞是浪费了两三个小时,通过搞这个三角形倒是学了不少定位的知识。对定位有了重新的认识。
二、遇到的问题:
1,唯一的难题,三角形相对定位的问题,一直没有解决。最后是使用的float:right和媒体查询解决的。(等会我贴上任务七第一个页面的成果展示。师兄可以看一下。)设置了position:fixed以及position:absolute都没有效果,经过查找才知道是因为绝对定位(absolute)虽然是将被赋予此定位方法的对象从文档流中拖出,但是使用left,right,top,bottom等属性是相对于其最接近的一个最有定位设置的父级对象进行绝对定位的,如果对象的父级没有设置定位属性,即还是遵循HTML定位规则的,则依据body对象左上角作为参考进行定位。
2,outilin:medium;(包括点击时候的边框)除去按钮边框border:none;去除边框。(给自己一巴掌,用了很多次了就是记不住这两个。)
三、收获:
1,通过http://www.jb51.net/css/89100.html(定位详解)算是彻底了解了定位,以前只知道定位就脱离了文档流,然后就可以随心所欲的去定位了,并不知道定位即使脱离了文档流也是有定位对象的。
2,在查找有关定位的资料过程中,认识了几个比较有意思的标签<center>居中标签</center>和<div align=center>居中标签</div>。人如其名都是居中标签,还有左右对齐的标签<p align = right>,以及如下标签:
<td align=left valign=top>居左靠顶
<td align=center calign=top>居中靠顶
还有一些靠底的类似标签。
链接分享:http://www.360doc.com/content/13/0128/15/4127803_262859468.shtml(360doc个人书馆)
四、明天的计划:
不再纠结这些影响美观的小问题,反正之后还会重新再做一遍。(再次给自己一巴掌,非要做那么完美干嘛,浪费时间)
评论