发表于: 2017-03-28 22:29:20
2 706
今天完成的事情:完成任务三
明天计划的事情:完成任务四剩余部分
- 两个小图片在div中垂直居中,图片旁边的线
- 底部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 个句之一:
float : left 或 float:right
简单来说,只要html代码中出现以上两句之一,元素的display显示类型就会自动变为以 display:inline-block(块状元素)的方式显示,当然就可以设置元素的 width 和 height 了,且默认宽度不占满父元素。
评论