-
二级菜单动画实现效果查看全部
-
box-shadow:0 1px 0 #111,0 2px 0 #666多个阴影可以叠加，这样产生的会有分隔线 线性渐变：linear-gradient(颜色1,颜色2) 边框圆角：border-radius:边框半径; 盒子阴影：box-shadow:水平位移 垂直位移 羽化范围 羽化颜色 文本阴影：text-shadow 同上 同时设置多种颜色盒子阴影，多组值之间使用“,”分隔 清除浮动 xxx:before,xxx:after{content:"";display:table} xxx:after{clear:both;} 背景渐变：background-image:linear-gradient(#444,#111); transition要配合hover使用 transition:all .2s ease ease-out ease-in ease-in-out... opacity:0;margin:20px 0 0 0; opacity:1;margin:0; box-shadow:0px 0px 3px red; 盒子阴影 ： 水平阴影 竖直阴影 阴影半径 颜色 overflow清除浮动的原因 是因为overflow除了(visible)会重新给他里面的元素建立块级格式化(block formatting context) floats, position absolute, inline-block, table-cell和table-caption都不是块级样式，所以才会用到clear来控制浮动 overflow也可以清除浮动是因为当在父级元素设置overflow时候，除了visible，就是只有auto, hidden或者scroll时候，也会建立新的块级格式给他的子元素, 从而起到清楚浮动效果。 如果想让某一段代码在前台不显示，最简单的方法是用css的display:none即可，这样下边的内容就自动上移或右侧的左移来填补这个空隙。但特殊情况下我们只需要隐藏这个元素， 但它的位置不能被占了，那该怎么实现呢？接下来我们来看css的另外一个属性Visibility属性。 visibility:隐藏对应的元素但不挤占该元素原来的空间。 display:隐藏对应的元素并且挤占该元素原来的空间。查看全部
-
<style type="text/css"> *{ margin: 0px; padding: 0px; } #nav{ background-color: #eee;width: 600px;height: 40px;margin: 0 auto; } ul{ list-style: none; } ul li{ float: left; line-height: 40px; text-align: center; /*position: relative;*/ } a{ text-decoration: none;color: #000; display: block; padding: 0 10px; } a:hover{ color: #fff; background-color: #666; } ul li ul li{ float: none; background-color: #eee; margin-top: 2px; } ul li ul{ position: absolute; /*left: 0px; top: 40px;*/ display: none; } ul li ul li a:hover { background-color: #06F;} ul li:hover ul{ display:block; } </style> <body> <div id="nav"> <ul> <li><a href="#">首页</a></li> <li><a href="#">课堂大厅</a> <ul> <li><a href="#">javascript</a></li> <li><a href="#">jQuery</a></li> </ul> </li> <li><a href="#">学习中心</a></li> <li><a href="#">经典案例</a></li> <li><a href="#">关于我们</a></li> </ul> </div> </body>查看全部
-
## 知识点 使用 jquery 的 has() 选择包含指定后代的元素。 ## 三级菜单 一般情况下，会做三级菜单，那么四级五级...就会做了。但是在实际应用中，有三级以上的级菜单是很少见的，因为那样对用户影响不好。 ## ie6 非 a 标签伪类兼容 **方法一，使用 csshover.htc 文件** 在 body 中引用它： body{ behavior:url(csshover.htc); } **方法二，针对 ie6 使用 js 的鼠标事件** 判断出 ie 6 的 js: var isIE=!!window.ActiveXObject; var isIE6=isIE && !window.XMLHttpRequest; 吐嘈： 既然可以用鼠标事件，干嘛不全部用鼠标事件？ 回答A： 我竟无言以对。 回答B： 不是说兼容吗？这就是兼容呀。 吐嘈： 我竟无言以对。查看全部
-
box-shadow:1px 0 0 #444盒子阴影<br> 水平距离 垂直距离 模糊距离0 颜色<br> text-shadow:1px 0 0 #333文本阴影<br> visibility:hidden隐藏元素<br> 父盒子中写overflow:hidden清除子元素的浮动，避免因为子元素浮动，父元素的高度塌陷<br> >符号表示选择子一级的菜单，孙级的不会被选择<br> 如果要让子盒子相对于于父盒子定位，父盒子要相对定位，子盒子定义为绝对定位才会脱离文档流，不会把父盒子撑开<br> 使用css伪类清除本元素前后的浮动如下：<br> .top-nav:before,.top-nav:after{<br> content:" "; 在元素前后插入一个空内容块，并用table形式显示。.top-nav:before是为了浏览器兼容性，若不加，有的浏览器的ul下的li的高度会失效<br> display:table;<br> }<br> .top-nav:after<br> {<br> clear:both;<br> }<br> <br> .top-nav ul li:first-child > a ul下面的第一个子元素的子元素a查看全部
-
cc'c'c'c'c'c'c'c'c'c'c查看全部
-
喜喜喜喜喜喜喜喜喜喜查看全部
-
为谔谔查看全部
-
哇哇哇哇哇查看全部
-
dddddddddddd查看全部
-
rrrrrrrrrrr查看全部
-
dddddddddd查看全部
-
ccccccccc查看全部
-
bbbb查看全部
-
ffffffffff查看全部
举报
0/150
提交
取消