发表于: 2017-03-20 21:15:31
2 634
今日所做:
1.学习使用css模拟出下拉菜单
使用ul和li构建一个下拉菜单的结构,然后设置主菜单display为none,然后hover设置为
display:block,这样使得鼠标滑到主菜单处,跳出下拉菜单
2.师兄师姐帮忙发现了一个bug,即父元素在设置为display:flex的情况下,子元素不可以
使用margin,否则会出现bug
3.学习了另外一个垂直居中的好方法,即vertical-align:center,不过这个是给行内元素
使用的,因此块级元素在使用之前先设置display:inline-block;以及text-align,也是
针对于行内元素的
明日计划:
学习bootstrap
使用bootstrap的栅格功能、下拉菜单功能,以及自行对其样式进行修改
遇到问题:
使用bootstrap的select功能后,有一些细节的样式想要修改,但是不知道去哪里找它的
样式设计,无从修改;经师姐提点,明白了可以通过chrome的F12功能进行调试,发现
它内部的样式代码,然后自己在css文件中进行样式覆盖;如果难以修改的,可以加!important
进行强行修改
评论