文章分类 - Html+css
摘要：有时我们看到一些大型网站，页面如果有很多图片的时候，当你滚动到相应的行时，当前行的图片才即时加载的，这样子的话页面在打开只加可视区域的图片，而其它隐藏的图片则不加载，一定程序上加快了页面加载的速度，对于比较长的页面来说，这个方案是比较好的。这里推荐使用jquery图片延迟加载插件jquery.laz...
阅读全文
摘要：第一：lazyLoad简介及作用：网站性能优化的插件，提高用户体验。页面如果有很多图片的时候，当你滚动到相应的行时，当前行的图片才即时加载的，这样子的话页面在打开只加可视区域的图片，而其它隐藏的图片则不加载。第二：使用场合 涉及到图片，falsh资源，iframe，网页编辑器(CK)，JS文件 等占...
阅读全文
摘要：解决方案：.blurcover{ position: absolute; width: 100%; height: 100%; opacity: 0.3;}.blur { filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */...
阅读全文
摘要：大部分的网页设计者在CSS代码编写中总是先对整体定义字体尺寸，中文情况下一般为12px，而其实这样以来在通过IE顶部菜单中的“察看-文字大小”设 置已无任何 作用。对字体感觉太小的浏览者而言无疑是种很不好的用户体验过程。其实这一切都可以避免，那就是使用em单位作为字体显示单位。一、首先说下em和px...
阅读全文
摘要：base.css 设置各种默认值：html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, cod...
阅读全文
摘要：自定义em与px转换： 1. font-size: 16px; font-size: 1em; font-size: 100%; 这样的话， 1em=16px 【默认：1em=16px】2. font-size: 14px; font-size: 1em; font-size: 87.5%; 这...
阅读全文
摘要：一、基础介绍 1、“Ems”: em，大小不固定 ,成为相对单位（body则相对浏览器的默认字体设置，子集相对父级）， 浏览器默认设置字体大小为16px , 则1em = 16px , 且其可扩展，2em = 32px , 目前常用的字体大小px换算成em , 16px = 1em; 14px = ...
阅读全文
摘要：方法一： 任意长度的字符串 说明：优点是内容可以为任何HTML元素，包括超链接和图片等，在IE6中还会在结尾自动显示省略号。缺点是必须指定宽度数值，并且宽度不能是百分数，否则在IE中会被认为是字符总长的百分比。方法二：说明：优点是宽度可以设为百分数。但缺点是内容只能为纯文本，不能有超链接等内容。CS...
阅读全文
摘要：http://bigui4.sinaapp.com/autocomplete/demo.html$(function(){ $("#tt").bigAutocomplete({data:[{title:"book"}, {t...
阅读全文
摘要：propertychange事件，是input值发生变化时，时时触发的事件$(".dizhi").bind("input propertychange",function(){ //当输入时，立刻隐藏下拉列表 $("#Marriage dd").hide(); });chen...
阅读全文
摘要：隐藏input等表单的默认样式的背景：textarea,select,input{-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;}让div看起来像按钮：div{appear...
阅读全文
摘要：网站中经常出现一些标题比较长的文章，再调用标题时为了使整体布局美观，需要将标题控制在一行显示，并且截取一定的长度，截取的地方用省略号代替。虽然用动态语言可以对其控制，但是这样做是不利于搜索引擎收录的，而CSS很巧妙地解决了这个问题，请看下面的代码：代码一：用于非表格LI或span等都可以.text-...
阅读全文
摘要：.blur { filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */ -webkit-filter: blur(4px); /* Chrome, Opera */ -moz-filter: blur(4px)...
阅读全文
摘要：/****************************************************************************/ 【HTML5所有标签汇总】★★★/******************************************************...
阅读全文
摘要：今天遇到一个问题 就是上下两个层之间有空白间隙（层内放的是图片）解决方法 找到上面的div中的图片代码所在位置，为其设定属性style="display:block"，问题解决。或者img下边有div（中有图片）设置img（div上面的object）其设定属性style="display:bloc...
阅读全文
摘要：.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;} //只要写一个.clearfix就行了，然后在需要清浮动的元素中 添加cle...
阅读全文
摘要：方法一：给img所在的div进行设置： display:table-cell; text-align:center; vertical-align:middle;然后给图片本身设置：vertical-align:middle;相对文字居中 Document 你好啊你好啊显...
阅读全文
摘要：项目中关于ajax jsonp的使用，出现了问题：可以成功获得请求结果，但没有执行success方法总算搞定了，记录一下 function TestAjax() { $.ajax({ type : "get", async : false, url :...
阅读全文
摘要：之前一直在写JQUERY代码的时候遇到AJAX加载数据都需要考虑代码运行顺序问题。最近的项目用了到AJAX同步。这个同步的意思是当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载，页面出去假死状态，当这个AJAX执行完毕后才会继续运行其他代码页面假死状态解除。 而异步则这个AJAX代码运...
阅读全文
摘要：方法1：让IE（包括IE6）支持HTML5元素，我们需要在HTML头部添加以下JavaScript，这是一个简单的 document.createElement声明，利用条件注释针对IE来调用这个js文件。Opera，FireFox等其他非IE浏览器就会忽视这 段代码，也不会存在http请求。 ...
阅读全文
浙公网安备 33010602011771号