发表于: 2017-03-28 22:29:20

2 706


今天完成的事情:完成任务三


明天计划的事情:完成任务四剩余部分

  1. 两个小图片在div中垂直居中,图片旁边的线
  2. 底部submit去边框


遇到的问题:顶部登录界面,“注册”和“关闭”不能垂直居中。

解决:查阅资料,发现在父元素高度确认的情况下,垂直居中的方法是通过设置父元素的height和子元素的line-heigh高度一致来实现的。


收获:

1.上面的解决方式是一个;

2.ccs多类选择器:

.important {font-weight:bold;}.warning {font-style:italic;}.important.warning {background:silver;}

代码效果:

This paragraph is very important.

This is a warning.

This paragraph is a very important warning.


上面两个类带个各自的属性,下面的组合类的效果是前面两个的属性加新的属性组成的特效。

3.有一个有趣的现象就是当为元素(不论之前是什么类型元素,display:none 除外)设置以下 2 个句之一:

  position : absolute 

  float : left 或 float:right 

简单来说,只要html代码中出现以上两句之一,元素的display显示类型就会自动变为以 display:inline-block(块状元素)的方式显示,当然就可以设置元素的 width 和 height 了,且默认宽度不占满父元素。




返回列表 返回列表
评论

    分享到