随笔分类 - web前端技术
摘要：最近组内进行 HTML5标签的学习,方法呢就是大家每人挑选几个标签,自己先去学习,然后给大家作讲解.这个过程大家还是挺有收获的.但是现在HTML5还处在草案阶 段,有些新的标签元素的解释也是经常有变化,甚至标签加入移出也很频繁(比如 hgroup),同时现有的大的门户网站在使用HTML5方面也没有很...
阅读全文
摘要：来源网络下面的这篇文章主要是说，网页中的链接如何写，可以激活电话的功能。例如，页面中展示的是一个电话号码，当用户在手机浏览器里面点击这个电话号码的时候，手机会弹出拨号的面板，或者是短信程序会启动等。1. 打电话在android的浏览器中，如果电话号码是 XXX-XXX-XXXX的型式的话，用户点击的...
阅读全文
摘要：一、手机页面的标准头规范字符编码使用utf-8：指定页面手机内存缓存中的存储时间段device-width：通知浏览器使用设备的宽度作为可视区的宽度initial-scale - 初始的缩放比例minimum-scale - 允许用户缩放到的最小比例maximum-scale - 允许用户缩放到的最...
阅读全文
摘要：1.插入图片时，图片必须用div包裹起来，给div固定宽高，图片设为max-width:100%; 原因：图片需要在后期后台添加，而你永远都不知道客户给你上传的图片是什么样子？什么大小的？如果客户上传的图片大于你原有的图片，你所有的样式都会疯狂的 手机端图片的自适应问题： 解决方法一：通过JS...
阅读全文
摘要：在表格布局中经常会遇到因为表格内容长短的变化导致布局混乱的情况，这个时候我们可能会有为了布局稳定把单元格宽度写死的情况；但是我们设置了宽度却发现超出了宽度之后会自动变大，用css定义元素的overflow:hidden;属性也不行；最后找的的解决方案如下：table{ table-layout:f...
阅读全文
摘要：DOCTYPEDOCTYPE(Document Type)，该声明位于文档中最前面的位置，处于 html 标签之前，此标签告知浏览器文档使用哪种 HTML 或者 XHTML 规范。DTD(Document Type Definition) 声明以 开始，不区分大小写，前面没有任何内容，如果有其他内...
阅读全文
摘要：document.ondragstart = function() { return false;};
阅读全文
摘要：一、click 和 tap 比较两者都会在点击时触发，但是在手机WEB端，click会有200~300 ms，所以请用tap代替click作为点击事件。singleTap和doubleTap 分别代表单次点击和双次点击。二、关于tap的点透处理 在使用zepto框架的tap来移动设备浏览器内的点击事...
阅读全文
摘要：在谈响应式布局前，我们先梳理下网页设计中整体页面排版布局，常见的主要有如下几种类型：布局类型 布局实现采用何种方式实现布局设计，也有不同的方式，这里基于页面的实现单位而言，分为四种类型：固定布局、可切换的固定布局、弹性布局、混合布局。固定布局：以像素作为页面的基本单位，不管设备屏幕及浏览器宽度，只...
阅读全文
摘要：一. 允许网页宽度自动调整： "自适应网页设计"到底是怎么做到的？其实并不难。 首先，在网页代码的头部，加入一行viewport元标签。viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比 例（initial-sc...
阅读全文
摘要：1、使用meta标签，这也是普遍使用的方法，理论上讲使用这个标签是可以适应所有尺寸的屏幕的，但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统。首先解释该标签的含义：如果你完全不了解这个标签的使用需要先百度一下。解 释：content中的“width” 这个width指的是什么...
阅读全文
摘要：第一种方法：第二种方法：第三种方法：第四种方法：第五种方法：第六种方法，也可以把名为uaredirect的文件下载到自己网站上引入；(说明：把uaredirect放在百度中搜下就出现文件具体地址了)文章来自:http://jingyan.baidu.com/article/cdddd41c61823...
阅读全文
摘要：.all IE{property:value\9;}.gte IE 8{property:value\0;}.lte IE 7{*property:value;}.IE 8/9{property:value\0;}.IE 9{property:value\9\0;}.IE 7{+property:v...
阅读全文
摘要：比如金额需要显示的时候转换成有千分位，小数点后保留2位等。去编辑的时候，又要格式化，把逗号都去掉。网上找了段代码，但是再次编辑会有问题，修改了一下，代码如下：function outputMoney(number){ number=number.replace(/\,/g,""); if(numbe...
阅读全文
摘要：禁止鼠标选中文本，针对不同浏览器有不同的写法。常见的是onselectstart表示禁止鼠标选中文本。其中用js可以在页面中写 onselectstart="return false"比如说 这里面的文字是不能被鼠标选中的firefox 直接在css中加入最后最狠的就是直接在页面上添加： 这里加的话...
阅读全文
摘要：Android2.3的overflow问题在android2.3及以下系统版本的浏览器不支持overflow：scroll / auto，即在页面元素里面的内容如果超过了父元素或祖先元素的高度是无法滚动的，可以通过css3的transform来实现滚动，代表作：iscroll。Android2.3的...
阅读全文
摘要：不可继承的：display、margin、border、padding、background、height、min-height、max- height、width、min-width、max-width、overflow、position、left、right、top、 bottom、z-inde...
阅读全文
摘要：CSS书写顺序1.位置属性(position, top, right, z-index, display, float等)2.大小(width, height, padding, margin)3.文字系列(font, line-height, letter-spacing, color- text...
阅读全文
摘要：Hello world EOF 基本选择器 1. 元素（类型）选择器div{ color: red;} 2. 类选择器.block-end{ color: #000;} 3. ID选择器#content{ color: blue; } 4. 通用元素选择器，匹配任何元素（...
阅读全文
摘要：QQ邮箱登陆(http://mail.qq.com)如下截图啦：我在上面一个demo类似原理上做了下修改，制作了一个这样子交互效果的demo，希望对有兴趣的同行能帮上点忙，您可以狠狠地点击这里：透明度变化的占位符交互demo上面的demo必须在不支持placeholder属性的浏览器下才看得到效果。...
阅读全文
浙公网安备 33010602011771号