您好,欢迎来到站长资源库!分享精神,快乐你我!
设为首页 | 收藏本站 | 网站地图 | Sitemap | TAG标签
焦点图全屏广告对联广告在线客服相册代码HTML/CSS滚动代码导航菜单悬浮漂浮
当前位置:首页 > 网页特效 > HTML/CSS

web前端开发规范的意义就在于1、提高团队的协作能力 2、提高代码的复用利用率 3、可以写出质量更高,效率更好的代码 4、为后期维护提供更好的支持

H5判断表单 H5判断表单 &nbsp;&lt;inputid="author"name="author"type="text"value=""size="30"placeholder="姓名/Name*"required&gt;required有了这个属性就可以判断字段不能空了,好方便,js都不用写了。不过,这个只能在手机站上写。PC上还是不可以的,必定PC站上有I... Date:2020-04-14 animate.min(css3动画库) animate.min(css3动画库) @charset"UTF-8";/*!Animate.css-http://daneden.me/animateLicensedundertheMITlicense-http://opensource.org/licenses/MITCopyright(c)2015DanielEden*/.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;... Date:2020-04-09 CSS位置移动画效果 CSS位置移动画效果 CSS位置移动画效果(webkit-transition:all.3slinear;-moz-transition:all.3slinear;-ms-transition:all.3slinear;-o-transition:all.3slinear;transition:all.3slinear;).tjnewsdldtai{display:block;position:absolute;z-index:24;width:300px;height:auto... Date:2020-04-09 让div在手机站里面成正方形比例 让div在手机站里面成正方形比例 <imgsrc="1.jpg"data-ke-src="1.jpg"alt="yuan"class="yuan">图片调用Class="yuan" 下面是js写法就可能完成正常方形显示的效果,一定要先引用jquery.js$(function(){width_val=$(".yuan").css('width');//获取div的宽度值$(".yuan").css('height',... Date:2020-03-02 CSS3详解:border-radius CSS3详解:border-radius 讲到css3的border-radius这个玩意,可以很好玩。比如:圆角矩形,圆,椭圆等等。CSS3border-radius是什么?border-radius的含义是:圆角。CSS3border-radius的书写格式:border-radius:apx,比较常见,其中a表示数值,下同;-webkit-border-top-left-radius:a... Date:2020-02-21 css设置最小高度 然后自适应 css设置最小高度 然后自适应  群里有人问到用css设置某个div最小height,然后再自适应height,这里有个不错的解决办法。看代码先:min-height:400px;//(解决ie8.9.ff.chrome)*+height:100%; //(解决ie7)_height:400px;//(解决ie6)ie6超出自动溢出代码都有注释,只为了大家... Date:2020-02-21 推荐13个CSS3快速开发工具 推荐13个CSS3快速开发工具  有了下面这些工具,你可以快速方便地掌握css3并利用它构建页面效果:1.CSS3Pie2.CSS3Builder3.CSS3Dropshadowgenerator4.Cascader5.BorderRadius.com6.ButtonMaker7.CSS3Generator8.Modenizr9.HTML5&CSS3Support10.CSS3GradientGenerator11.CSS3Ple... Date:2020-02-21 详解CSS中:nth-child的用法 详解CSS中:nth-child的用法  前端的哥们想必都接触过css中一个神奇的玩意,可以轻松选取你想要的标签并给与修改添加样式,是不是很给力,它就是“:nth-child”。下面我将用几个典型的实例来给大家讲解:nth-child的实际用途:Tips:还用低版本的IE浏览器的哥们请绕过!:nth-child(2)... Date:2020-02-21 点a链接写邮件小技巧 点a链接写邮件小技巧 无意间发现这个技巧,分享一下!当点击mailto的邮件链接的时候,需要填写标题和内容,如果你想规定一个邮件标题格式,那这个可以帮助你。代码:<ahref="mailto:haozi@daqianduan.com?subject=投稿:body=源地址:"data-ke-src="mailto:haozi@daqianduan.co... Date:2020-02-21 解决Button在IE6、7下的自适应宽度问题 解决Button在IE6、7下的自适应宽度问题 很早就遇到过这么个小问题,但由于其并未影响到实际作用和美观就没有正面解决它,现在,我们来试着解决它。写一个Button,有两种方式:其一,直接button标签;其二,inputtype=”button”。不管哪种方式,Button的宽度在IE6、7下总是不能完美,接下来我们演示... Date:2020-02-21 CSS巧妙实现分隔线的几种方法 CSS巧妙实现分隔线的几种方法 前几天一@同事看新浪微博里有个类似分隔线的提示,就自己试了几种方法来实现这个分隔线。下面就是简单实现分隔线的几种方法,个人比较喜欢第二种,我也给出了最后第五种比较2的写法,请大家拍砖,或者提供其他好的方法。单个标签实现分隔线:.demo_line_01{&n... Date:2020-02-21 CSS创建三角形(小三角)的几种方法 CSS创建三角形(小三角)的几种方法 你可以在很多地方看到三角形(小三角):tooltips提示框、下拉菜单、甚至在loading载入动画里。不管你喜欢还是不喜欢,这些小元素对各UI元素之间的联系关系式很重要的。有一些不同的方法来设计并制作一个三角形,在本文中,我将介绍:编码图片假如你已经有了三... Date:2020-02-21 CSS3技巧:利用css3径向渐变做一张优惠券 CSS3技巧:利用css3径向渐变做一张优惠券 在很多购物网站上都能看到优惠券,代金券,什么什么的券,但基本都是图片直接放上去,那么你有没有想过css来做一个呢,反正我是这样想过。那么你怎么做呢,切图做背景平铺边缘,嗯,有这样想过,如今css3技术这么先进再用背景做平铺是不是已经out了,那么今天... Date:2020-02-21 分享一个生成二维码的插件–QRCode.js 分享一个生成二维码的插件–QRCode.js 随着移动设备的普及,日常生活中随处可见二维码,大有一码走天下之势。那么前端如何来生成二维码?通过QRCode.js我们可以快速生成二维码啦,一起来看看怎么使用吧。 1、引入插件/*html*/  <divid="qrcode">  /*js*/ &nbs... Date:2020-02-21 clip-path应用–制作地图 clip-path应用–制作地图  一、实现原理clip-path属性可以创建一个只有元素的部分区域可以显示的剪切区域。区域内的部分显示,区域外的隐藏。剪切区域是被引用内嵌的URL定义的路径或者外部svg的路径,也可以是一个形状如circle()。二、所需数据1、剪切区域形状的数据,如下:(wi... Date:2020-02-21 CSS之文本两端对齐 CSS之文本两端对齐 说起text-align,大家一定都不觉得陌生,我们常用关键字left、right、center实现行内元素相对父元素左、右、居中对齐,当然我们也使用justify来实现文本两端对齐。如上图,两端对齐相对于左对齐,视觉上显得整齐有序。但justify对最后一行无效,通常这样的排版... Date:2020-02-21
TAG标签
    2009-2020 © 懒人站长资源库  版权所有
    网站首页 - 矢量素材 - 图标素材 - 网页特效 - 图库素材 - 网站教程 - 网站源码 - FLASH素材 - 常用手册 - 共享软件
    QQ服务:564316500  邮箱服务:564316500@qq.com
    皖ICP备20003381号