摘要：CSS 把你的光标放到相应文字上查看效果 要注意光标的实际效果依赖于用户的系统设置，与你在这里看到的效果并不一定一致。 十字准心 cursor: crosshair; 手 cursor: pointer; cursor: hand;写两个是为了照顾IE5，它只认hand。 等待/沙漏 cursor: wait; 帮助 cursor: help; 无法释放 cursor: no-drop; 文字/编辑 cursor: text; 可移动对象 cursor: move; 向上改变大小(North) cursor: n-resize; 向下改变大小(South) cursor: s-resize; 向右改变大小(East) cursor: e-resize; 向左改变大小(West) cursor: w-resize; 向上右改变大小 阅读全文

摘要：最近经常看到类似这样的HTML代码片段，很多前端开发人员应该都熟悉：1 2 3 4 这段代码包含了一些条件注释，它会根据浏览器的不同选择性地给标记添加（或不添加）一个包含浏览器版本信息的class属性。具体来说，对于IE5-IE8，标记会增加一个class属性，属性值由IE的版本... 阅读全文

摘要： Round是四舍五入的。。。Ceiling是向上取整。。float是向下取整。 ceil()：将小数部分一律向整数部分进位。 如： Math.ceil(12.2)//返回13 Math.ceil(12.7)//返回13 Math.ceil(12.0)// 返回12 floor()：一律舍去，仅保留整数。 如： Math.floor(12.2)// 返回12 Math.floor(12.7)//返回12 Math.floor(12.0)//返回12 round()：进行四舍五入 如： Math.round(12.2)// 返回12 Math.round(12.7)//返回13 Math.round(12.0)//返回12 阅读全文

摘要：起因：在做项目时发现原本在DW中无误的代码到了MyEclipse6.0里面却提示N多错误，甚是诧异。于是究其原因，发现块级元素P内是不能嵌套DIV的。 深究：我们先来认识in-line内联元素和block-line块元素，因为HTML里几乎所有元素都属于内联元素或者块元素中的一种。 in-line这个词有很多种解释：内嵌、内联、行内、线级等，但是，它们都是表示相同的意思，在这里我们选择习惯的叫法--内联。 先看下面的例子你就能明白两者的差别 阅读全文

摘要： 按标准的话， 里面应该只能放，不过看见同事有的放了h3、p这些，这样到底可不可以？ 里面只能放. 但是里面可以放,等标签。 ul里面放其他标签，不光不符合语义，在IE7- 里面也会有问题： 如果标签前面有标签，浏览器会认为为的子节点。 比如就是不行的，这时候不同浏览器就会有自己的策略去对付这些东西。 阅读全文

摘要： 今天做手机网站，想实现手机扫描二维码功能。首先实现在浏览器中调用手机摄像头，实现拍照功能并且把拍下的照片显示在页面并上传到服务器上，然后再在服务器端进行分析。 首先实现在浏览器中调用摄像头，当然用现在火的不行的html5 阅读全文

摘要：怎样在网页中使用摄像头，html5越来越多的使用到实际工作中，那么他怎样调用摄像头呢进行视频聊天，视频监控等活动呢，今天为大家抛砖引玉，教大家怎样实现怎样利用html5实现摄像头视频监控功能。 阅读全文

摘要： WebRTC可能是明年最受关注的HTML5标准了，Mozilla为此开发了一套帮助你控制硬件的API，例如，摄像头，麦克风，或者是加速表。你可以不依赖其它的插件来调用你需要的本机硬件设备。 在今天的这篇文章中，我们将介绍来自Wolfram Hempel开发的Photobooth.js，使用这个类库可以帮助你快速的调用摄像头功能，你可以很容易的添加摄像头功能到网站中。并且快速的帮助你拍照，你可以使用这个功能来实现用户的大头照拍摄，是不是非常不错？ 主要特性： 对比度设置 颜色设置 亮度设置 色调设置 拍照按钮 支持最新的chrome, firefox, opera等浏览器 支持jQuery插件方式和javascript代码方式 阅读全文

摘要：在Web应用程序的用户体验越来越被重视的今天，前端开发的地位也上升到了前所未有的高度，而随之而来的也有更多的挑战。 为了将前端开发者繁重的工作变得简单，框架应运而生。国内也不乏一些非常优秀的前端开发框架。本期【开源专访】我们邀请到了国内前端大牛玉伯（@玉伯也叫射雕），请他为我们分享一些关于前端框架、前端开发的那些事，以及前端大牛是如何炼成的。 玉伯（王保平），淘宝前端类库 KISSY、前端模块化开发框架SeaJS、前端基础类库Arale的创始人。 CSDN：先介绍一下自己和目前的工作吧！ 玉伯：我叫王保平，阿里花名玉伯。目前在支付宝前端技术部工作，从事前端基础类库、工具等产品的研发。喜欢编码，热爱思考，努力把每一天过得平淡又精彩。 CSDN：Sea.js是什么？致力于解决什么问题？ 玉伯：Sea.js是一个很纯粹小巧的模块加载器，它只解决一个问题：前端代码的模块化... 阅读全文

摘要：HTML5对Web Form做了许多增强，比如input新增的type类型、Form Validation等。 Placeholder 是HTML5新增的另一个属性，当input或者textarea设置了该属性后，该值的内容将作为灰字提示显示在文本框中，当文本框获得焦点时，提示文 字消失。以前要实现这效果都是用JavaScript来控制才能实现 , firefox、google chrome等表示对其支持 , 唯独IE存在违和感啊! 例如: 介绍一个超强的让IE下支持placeholder的属性插件,同时也兼容其他不支持placeholder的浏览器,代码如下: 阅读全文

摘要：Ite：less than or equal to意思是小于或等于IE6浏览器，用于IE浏览器的条件注释，常用于CSShack，针对IE的JS等。 在进行WEB标准网页的学习和应用过程中，网页对浏览器的兼容性是经常接触到的一个问题。其中因微软公司的Internet Explorer(简称IE)占据浏览器市场的大半江山，此外还有Firefox、Opera等。需要对这些浏览器进行兼容。 同时，单就IE而言，因IE版本的升级更替，目前浏览者使用的主要停留在 IE5(IE5.5)、IE6和IE7这三个版本中。而这3个版本对于我们制作的WEB标准网页（XHTML+CSS）解释执行的显示状况不尽相同。并 且，其他非IE浏览器与IE对某些CSS解释也不一样。所以，通过IE浏览器中的专有条件注释可有针对性的进行相关属性的定义。 条件注释只能用于Expl 阅读全文

摘要：meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的与中，meta 标签的用处很多。meta 的属性有两种：name和http-equiv。name属性主要用于描述网页，对应于content（网页内容），以便于搜索引擎机器人查找、分类（目 前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类）。这其中最重要的是description（站点在搜索引擎上的描述）和 keywords（分类关键词），所以应该给每页加一个meta值。比较常用的有以下几个： 　　name 属性 　　1、用以说明生成工具（如Microsoft FrontPage 4.0）等； 　　2、向搜索引擎说明你的网页的 阅读全文

摘要： 首先，什么是CSS hack? 　　针对不同的浏览器写不同的CSS code的过程，就叫CSS hack! 　　CSS hack由于不同的浏览器，比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等，对CSS的解析认识不一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。 　　这个时候我们就需要针对不同的浏览器去写不同的CSS，让它能够同时兼容不同的浏览器，能在不同的浏览器中也能得到我们想要的页面效果。 CSS Hack的原理是什么 　　由于不同的浏览器对CSS的支持及解析结果不一样，还由于CSS中的优先级的关系。我们就可以根据这个来针对不同的浏览器来写不同的CSS。 　　CSS Hack大致有3种表现形式，CSS类内部Hack、选择器Hack以及HTM 阅读全文

摘要： 在网络营销中，站长经常会遇到一些HTTP状态码的问题，不懂HTTP状态码那么做SEO优化就无从谈起，下面是脉凌网络对HTTP状态码总结的一览表。 　　1xx：请求收到，继续处理 　　2xx：操作成功收到，分析、接受 　　3xx：完成此请求必须进一步处理 　　4xx：请求包含一个错误语法或不能完成 　　5xx：服务器执行一个完全有效请求失败 　　100——客户必须继续发出请求 　　101——客户要求服务器根据请求转换HTTP协议版本 　　200——交易成功 　　201——提示知道新文件的URL 　　202——接受和处理、但处理未完成 　　203——返回信息不确定或不完整 　　204——请求收到，但返回信息为空 　　205——服务器完成了请求，用户代理必须复位当前已经浏览过的文件 　　206——服务器已经完成了部分用户的GE 阅读全文

摘要： 1、Meta 之 viewport 说到移动平台meta标签，那就不得不说一下viewport了，那么什么是viewport呢？ viewport即可视区域，对于桌面浏览器而言，viewport指的就是除去所有工具栏、状态栏、滚动条等等之后用于看网页的区域 。对于传统WEB页面来说，980的宽度在iphone上显示是很正常的，也是满屏的，但对于webapp而言，可能就有点问题了，在iphone上我们 的webapp在竖屏下通常宽度都是320，这时我们320页面在iphone上显示成啥效果呢？有人可能认为iPhone不是320的宽度莫，感觉应该 是满屏的吧，事实呢？我们来看一下如下布局在iPhone上的显示情况... 阅读全文

摘要： FlexSlider是一个非常出色的jQuery滑动切换插件，它支持所有主流浏览器，并有淡入淡出效果。适合所有初级和高级网页设计师使用。不过很多人都只是使用默认的参数，今天来说说具体的参数来给大家看看！ $(window).load(function() { $('.flexslider').flexslider({ animation: "fade", //String: Select your animation type, "fade" or "slide"图片变换方式：淡入淡出或者滑动 slideDirection: "horizontal", //String: Select the sliding direction, "horizontal" or "vertical"图片设置为滑动式时的滑动方向：左右或者上下 slidesh 阅读全文