发表于: 2016-10-08 21:52:56

2 1034


今天完成的事情:将任务7的两个页面都完成了,并且优化了一些细节(还有一些地方需要继续优化一下。。)然后将任务8的psd下下来熟悉了一下,了解了明天需要学习的东西。

明天完成的事情:1、学习与继承相关的内容(有的东西并不继承,比如margin和padding就不继承)

          2、把关于*reset的坑填满。并且把心得写出来(毕竟被坑过)

         3、把任务8的主体部分完成

遇到的问题:1、reset,使用方法:* {margin:0; padding:0;}

就是将网页自带的margin  和padding 格式化掉,然后才开始写样式。
但是这样会出现一个问题,就是,比如列表前面自带的小点点,也是属于列表属性自带的padding的一个样式,然后,使用了reset之后,小点点就会消失(给li标签加了个padding-left:0;)。而且的而且,我们聪明的给li标签加上 list-style-type:circle,我们的小圈圈还是不会出现。其实一开始是懵逼的,然后问了古尘师姐,才知道是这么个回事,
    解决办法:给这个li 标签单独加个margin-left 或者padding-left都可以。

2.

给父元素加一个text-align:center 的话,这个自带样式不会跟着跑过来就像这样
 比较烦恼,

解决办法:不用text-align:center来居中,直接给li标签使用margin-left 就全部解决了。。nice...讲句良心话,自带的样式太小了,不够看。还是要去掉之后自己手动添加样式会好看一些。。

有时候我们会遇到需要将一排li内容横排的显示出来
百度第一个出来的也是最好用的一个办法就是:display:inline-block。。然后它就不会一个内容占一排了,就会横着排放过去了,但是。。。默认样式就是前面的那个小点点又消失了。。。真是忧桑。目前还没有研究出来怎么把这个小点点搞回来。。。加margin都不行。
第二个办法就是:给li标签加float:left这样的话列表也会横着显示,然后前面的小点点也会出来。。。

任务7的效果图:http://119.10.57.69:880/jnshu027/html/task7-cooperate.html

         http://119.10.57.69:880/jnshu027/html/task7-homepage.html

代码等修改好了之后再上传吧。。。然后就是,轮播图暂时没搞,,网上找的样式都不喜欢。。。。。


返回列表 返回列表
评论

    分享到