-
z-index的用途？ z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。 注释：元素可拥有负的 z-index 属性值。 注释：Z-index 仅能在定位元素上奏效（例如 position:absolute;）！查看全部
-
鼠标放上去变手，cursor:pointer查看全部
-
required不让空提交查看全部
-
CSS中常见选择器（样式）的权重关系（从小到大）： 1. 继承（从父容器或祖先容器得到的样式。例如：font-size,color） 2. 默认样式（元素默认的样式。例如a标签中字体默认为带下划线蓝色） 3. 标签选择器（HTML标签） 4. 类选择器（class选择器。例如：.style1,.style2） 5. 伪类选择器（例如:hover,:first-child） 6. id选择器（例如：#btn1,#btn2） 7. 内嵌样式（例如：） 8. !important（终极觉醒技）查看全部
-
表单美化：下拉列表： fliter:alpha(opacity = 0);/*增加滤镜 透明度为50%*/ opacity: 0; /*火狐兼容问题 */ 遮罩层效果： #layer{ width: 100%; height: 100%; background: #fff; position: absolute; left: 0;top: 0;z-index: 100; /*z 轴 */ fliter:alpha(opacity = 0);/*增加滤镜 透明度为50%*/ opacity: 0; /*火狐兼容问题 */ display: none; } IE9, Firefox, Chrome, Opera 和 Safari 使用属性 opacity 来设定透明度。opacity 属性能够设置的值从 0.0 到 1.0。值越小，越透明。 IE8 以及更早的版本使用滤镜 filter:alpha(opacity=x)。x 能够取的值从 0 到 100。值越小，越透明。 获用户点击到焦点之外的方法： 在元素下面直接添加一层，覆盖整个画面，然后使用CSS的属性filter:alpha使其透明化， 然后再为它添加点击事件，在事件中可以实现相关效果。查看全部
-
表单美化：下拉框美化置块居中： width:500px;height:326px; position:absolute;left:50%;top:50%;margin:-163px 0 0 -250px; #allProvince{ width: 318px; height: auto; line-height: 30px;/*padding-left: 10px;*/clear: both; position: absolute;/*因为它是一个弹出框，脱离标准文档流 ，背景会变透明*/top:42px;/*相对于province的位置*/ left: 0; background: #fff; border:1px solid #ccc; border-bottom: none; } #allProvince li{height: 30px;border-bottom: 1px solid #ccc; display: none;/*刚开始时不显示列表*/ } #allProvince li b{font-weight: bold; /*不使用padding的原因：后面跟随的省份列表会有不齐的现象*/ /*padding: 0 15px;*/ #allProvince li{height: 30px; border-bottom: 1px solid #ccc;display: none;/*刚开始时不显示列表*/ } #allProvince li a{padding: 0 15px;cursor: pointer;} #allProvince li a:hover{ color: #cc0000; } </style> </head> <body> <div class="box"> <div class="province"> <strong>送货至</strong> <span id="selectProvince">北京</span> <ul id="allProvince"> <li><b>A</b><a href="javascript:void(0);">安徽</a></li> <li><b>B</b><a href="javascript:void(0);">北京</a></li>查看全部
-
表单美化：下拉列表篇查看全部
-
表单美化：文本框美化 .css3中的伪类:focus{outline:none//文本框获取焦点时外边线去除} 2.html5中的placeholder属性实现文本框的提示并不影响输入。 3.html5中的required属性不允许文本框的空提交 <input type="text" name="yourname" placeholder="sunBest" required=""/> 4.css3中的border-radius实现圆角边框 5.css3中的transition属性设置过度效果如：{padding:3px 5px;transition:padding .25s;}{padding-right:70px}//在0.25s实现过度。以及浏览器的兼容查看全部
-
表单美化： 文本框美化用到的知识点： 其中关于HTML5的有：border-radius是HTML5中用于设置圆角 transition是用于设置过渡效果，在HTML5中通过CSS3相应属性实现动画效果 placehandler是HTML5中用于输入提示查看全部
-
在IE6 的情况下，只有a标签才有hover属性，其它标签如li,b等等都没办法使用hover属性。查看全部
-
表单美化： 复选框按钮美化： 让windows onload可以同时加载多个事件的解决方法： function addLoadEvent(func){ var oldonLoad=window.onload;//得到上一个onload事件的函数 if(typeof window.onload!='function'){//判断类型是否为‘function’，typeof返回的是字符串 window.onload=func; }else{ window.onload=function(){ oldonLoad();//调用之前覆盖的onload事件函数 func();//调用当前事件的函数 } } } // window.onload=createTag;//调用函数，只能调用一个 addLoadEvent(createTag); addLoadEvent(checkList);查看全部
-
表单美化： 复选框美化：js动态创建b标签 <script type="text/javascript"> function createTag(){//动态创建b标签 //获取所有的li元素 var li=document.getElementById("checkList").getElementsByTagName("li"); var label; for(var i=0;i<li.length;i++){ label=li[i].getElementsByName("label");//把每一个li里面的label取出来,是一个数组 var bTag=document.createElement("b"); li[i].insertBefore(bTag,label[0]); } } window.onload=createTag();//调用函数 </script>查看全部
-
CSS表单美化： 复选框按钮美化： 去掉复选框框，可使用加上<b>标签，也可动态加载js脚本。这里使用js脚本 .typeList ul li input{display: none; } <div class="typeList"><form action="#" method="post" name="typeList"><ul id="checkList"> <li><input type="checkbox" name="typeList" id="xiao"/><label for="xiao">消费者保障</label></li> <li><input type="checkbox" name="typeList" id="broken"/><label for="broken">破损补寄</label></li> <li><input type="checkbox" name="typeList" id="sevendays"/><label for="sevendays">7天退换</label></li> <li><input type="checkbox" name="typeList" id="good"/><label for="good">正品保障</label></li> <li><input type="checkbox" name="typeList" id="ele"/><label for="ele">电子凭证</label></li> <li><input type="checkbox" name="typeList" id="wang"/><label for="wang">旺旺在线</label></li> </ul></form>查看全部
-
input 的id 和label 的for相同 实现点击label也可复选input查看全部
-
<label for=''></label><input id=''/>，当label标签的for属性与input的id属性值相同时，它的作用是：当鼠标点击label标签内的文字时，可以使用相应的input获得焦点查看全部
举报
0/150
提交
取消