发表于: 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

进行强行修改


返回列表 返回列表
评论

    分享到