摘要：时常遇到要将多个li项翻转显示的需求~可以编写相应的js来实现~但在支持flexBox布局的浏览器中可以利用这一布局的特性巧妙地实现li的翻转显示~ 实现如下：（可以使用注释起来的方式快速生成多个li标签~） 也可以实现写好对应的样式类~在合适的时候通过js在ul上加上这个类~ 阅读全文

摘要：1、将一张大图铺满窗口~实现方式：.bg-div-class { background-image: url("../images/river.jpg"); position: fixed; width: 100%; height: 100%;}*有时~可能需要设置z-ind... 阅读全文

摘要：知识点总结：1、元素设置了绝对定位后会自动变为块级元素；2、父元素设置为相对定位，子元素设为绝对定位，然后对子元素作如下设置会得到不同的效果：a、bottom:100%----------------->子元素的底端和父元素的顶端对齐重合（如下图所示：黑色框为父元素~白色圆为子元素~）html代码：... 阅读全文

摘要：问题：不管页面怎么变化时~约束图片的大小始终占页面总宽度的某个百分比~假设以32%为例解决：1、给图片加一个父元素~设置父元素的宽度占整个屏幕的32%~2、将图片宽度设为100%（这一步很重要~只有加上这句~图片才会被约束在父元素中~）html代码： ... 阅读全文

摘要：1、需求：当鼠标滑过时，会弹出其对应的二级子菜单问题：一般菜单中的文字都是加了超链接的~一个常用的样式是鼠标hover时对应的那一会颜色变深~自然会想到给a：hover加背景颜色的样式~不过颜色改变仅仅是文字那一小块~解决：把a设为块级元素~并设置a的padding~问题： 父级菜单的li会根据子菜... 阅读全文

摘要：效果：初始时遮罩层露出一小部分 鼠标悬停时透明遮罩层遮住整个图片： 思路： ... 阅读全文