CSS开启桌面端和移动端硬件加速

评论(0)浏览(116)分类:HTML/CSS兼容/XML
CSS开启桌面端和移动端硬件加速  可以在浏览器中用css开启硬件加速,使GPU (Graphics Processing Unit) 发挥功能,从而提升网站性能。  现在大多数电脑的显卡都支持硬件加速。鉴于此,我们可以发挥GPU的力量,从而使我们的网站或应用表现的更为流畅。  在桌面端和移动端用CSS开启硬件加速  CSS animations, transforms 以及 transitions 不会自动开启GPU加速,而是由浏..

createControlRange Method

评论(0)浏览(116)分类:HTML/CSS兼容/XML
createControlRange MethodCreates a controlRange collection of nontext elements. SyntaxoControlRange = object.createControlRange()Return ValueReturns a controlRange collection if sucessful or a null value otherwise.RemarksCreates a selection range object for control-based selection rather than text-based selection.If a controlRange already exis..

Firefox及W3C浏览器table设置margin属性不居中

评论(0)浏览(115)分类:HTML/CSS兼容/XML
Firefox及W3C浏览器table设置margin属性不居中  在W3C浏览器下,如firefox或者google的chrome浏览器,如果给table设置了margin:0px属性,再设置align="center"时,发现会无法居中了。IE浏览器不会出现这个问题。⊙﹏⊙b汗  有可能是设置了margin后,table变成块级元素了,而不是行级元素。因为设置成margin:0px auto后,去掉align="center",居然可以居中。  发现这个问题还是因为同时..

html5 video标签介绍

评论(0)浏览(115)分类:HTML/CSS兼容/XML
html5 video标签介绍HTML 5 video 标签定义和用法video 标签定义视频,比如电影片段或其他视频流。实例一段简单的 HTML5 视频:video src=movie.ogg controls=controls您的浏览器不支持 video 标签。/videoHTML 4.01 与 HTML 5 之间的差异video 标签是 HTML 5 的新标签。提示和注释提示:可以在开始标签和结束标签之间放置文本内容,这样老的浏览器就可以显示出不支..

IE下li元素多出2像素间距问题

评论(0)浏览(113)分类:HTML/CSS兼容/XML
IE下li元素多出2像素间距问题  不光是LI,容器元素都有这个问题!  现象:LI里有浮动对象而LI本身不浮动的时候,IE里就会有2像素的下边距  解决办法:1、设定LI的浮动;2、IE HACK  推荐使用方案1,设置LI的宽度和浮动方案2代码参考:*html .xuxiao li{margin-bottom:-2px;}/**IE 6**/*+html .xuxiao li{margin-bottom:-2px;}/**IE 7**/

selection Object

评论(0)浏览(113)分类:HTML/CSS兼容/XML
selection ObjectRepresents the active selection, which is a highlighted block of text or other elements in the document that a user or a script can carry out some action on.Members TableThe following table lists the members exposed by the selection object.Attributes/PropertiesPropertyDescriptiontypeRetrieves the type of selection. typ..

自适应高度

评论(0)浏览(113)分类:HTML/CSS兼容/XML
自适应高度如果我们想在3列布局的最后加一行页脚,放版权之类的信息。就遇到必须对齐3列底部的问题。在table布局中,我们用大表格嵌套小表格的方法,可以很方便对齐三列;而用div布局,三列独立分散,内容高低不同,就很难对齐。其实我们完全可以嵌套div,把三列放进一个DIV中,就做到了底部对齐。下面是实现例子(白色背景框模拟一个页面):这个例子的页面..

CSS的十八般技巧

评论(0)浏览(113)分类:HTML/CSS兼容/XML
CSS的十八般技巧最近,经常有朋友问我一些工作中遇到的CSS问题。他们总是不能很好的控制CSS,影响CSS的效率发挥。我来分析总结一下错误所在,帮助大家更加容易使用CSS。本文总结了我开始使用CSS布局方法以来所有的技巧和兼容方案,我愿意把这些与你分享,我会重点解释一些新手容易犯的错误(包括我自己也犯过的),如果你已经是CSS高手,这些经验技巧可能已经都知道..

DHTML之textRange对象

评论(0)浏览(112)分类:HTML/CSS兼容/XML
DHTML之textRange对象TextRange对象是动态HTML(DHTML)的高级特性,使用它可以实现很多和文本有关的任务,例如搜索和选择文本。文本范围让您可以选择性的将字符、单词和句子从文档中挑选出来。TextRange对象是在HTML文档将要显示的文本流上建立开始和结束位置的抽象对象。下面是TextRange的常用属性与方法:属性 boundingHeight 获取绑定TextRange对象的矩形的高度 bo..

第三章.WML编程

评论(0)浏览(111)分类:HTML/CSS兼容/XML
第三章.WML编程元素和标签是WML的主要语法,它们决定了WML编程的基本原则。本章我们将从WML的元素、标签、属性等方面详细讲解WML的编程方法。学习本章知识之前,读者应当了解WML元素与标签的区别。WML的元素通常有一个首标签、内容、其它元素及一个尾标签组成。也就说,单独的标签是一个元素,成对出现的标签与其包含的内容也构成一个元素。由于元素牵涉及标签..

css4选择器

评论(0)浏览(111)分类:HTML/CSS兼容/XML
css4选择器来源:http://www.wheattime.com/css4-selector.htmlCSS4选择器工作草案于2011年9月29日被发布。 新增了一些内容,我们来看看是哪些:一.复合选择器1.E:not(s1, s2)  匹配所有既不包含s1选择器也不包含s2选择器的元素。是的,这个只是将css3的E:not(s)中1个参数变成2个,谁又会说这不是发展呢。例如*not(input,button)表示除input以及butto..

parentElement和offsetParent属区别

评论(0)浏览(110)分类:JavaScript/Ajax开发技巧
parentElement和offsetParent属区别  首先,js中的parentElement属性,这个属性比较好理解,就是在 DOM 层次结构定义的上下级关系,如果元素A包含元素B,那么元素B就可以通过 parentElement 属性来获取元素A。  其次,offsetParent 属性,这个属性在 MSDN 的文档中也没有解释清楚,这就让人更难理解这个属性。 以下是本人在网上查到的一些资料总结,需要的朋友可以参考一下: ..

第一章.WAP Server = Web Server + Configuration

评论(0)浏览(110)分类:HTML/CSS兼容/XML
第一章.WAP Server = Web Server + Configuration我们首先以Microsoft 的Internet Infomation Server(IIS 4或IIS 5)以及Unix平台中最为普遍的Apache两种Web Server来介绍如何以它们来建制自己的WAP Sever,将原先已经建制的Web信息平台扩展到无限平台之上。1.1 WAP Sever Configuration其实WAP Sever建制非常容易,WAP在信息传输的部分是使用HTTP来进行的,与现有的WWW信息平台一样,因此,将现..

Dreamweaver使用技巧二十则

评论(0)浏览(110)分类:HTML/CSS兼容/XML
Dreamweaver使用技巧二十则1) Dreamweaver 文档窗口布满了各种各样的面板,为了编辑文档,不得不扒开一个个空隙,太累,如何是好?   一个 800X600 分辩率的屏幕对于 Dreamweaver 来说确实小了些,不过即便是 1024X768 ,也放不下所有的面板。关键是好好组织。   关闭那些在编辑中暂时用不到的面板,把常用的面板放在一起,节省屏幕空间;   除非现在要用,否则关闭..

CSS常用技巧

评论(0)浏览(110)分类:HTML/CSS兼容/XML
CSS常用技巧一.使用css缩写 使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则请参看《css基本语法》。二.明确定义单位,除非值为0 忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=100,但是在CSS中,你必须给一个准确的单位,比如:width:100px width:100em。只有两个例外情况可以不定义单位:行高和0值。除此以外..

第一个CSS布局实例

评论(0)浏览(109)分类:HTML/CSS兼容/XML
第一个CSS布局实例接下来开始要真正设计布局了。和传统的方法一样,你首先要在脑海里有大致的轮廓构想,然后用photoshop把它画出来。你可能看到有关web标准的站点大都很朴素,因为web标准更关注结构和内容,实际上它与网页的美观没有根本冲突,你想怎么设计就怎么设计,用传统表格方法实现的布局,用DIV也可以实现。技术有一个成熟的过程,把DIV看成和TABLE一样的..

CSS入门

评论(0)浏览(109)分类:HTML/CSS兼容/XML
CSS入门在了解XHTML代码规范后,我们就要进行CSS布局。首先先介绍一些CSS的入门知识。如果你已经很熟悉了,可以跳过这一节,直接进入下一节。CSS是Cascading Style Sheets(层叠样式表)的缩写。是一种对web文档添加样式的简单机制,属于表现层的布局语言。1.基本语法规范分析一个典型CSS的语句:p {COLOR:#FF0000;BACKGROUND:#FFFFFF} 其中"p"我们称为"选..

CSS中的行为——expression

评论(0)浏览(109)分类:HTML/CSS兼容/XML
CSS中的行为——expression最近对CSS中的行为比较感兴趣,虽然是不符合标准的也只有ie才能识别,但是他确实给css的功能扩展了不少。下面是摘自互联网上的文字和例子,因为都被转烂了,没法注明出处。IE5及其以后版本支持在CSS中使用expression,用来把CSS属性和javascript表达式关联起来,这里的CSS属性可以是元素固有的属性,也可以是自定义属性。就是说CSS属性后面可以是..

CSS 属性

评论(0)浏览(109)分类:HTML/CSS兼容/XML
CSS 属性字体属性字体族科 字体风格 字体变形 字体加粗 字体大小 字体 字体族科语法: font-family: [[族科名称 | 种类族科],]* [族科名称 | 种类族科]允许值: 族科名称 任意字体族科名称都可以使用   种类族科 serif (e.g., Times) sans-serif (e.g., Arial or Helvetica) cursive (e.g., Zapf-Chancery) fantasy (e.g., Western) monospace (e.g., Co..

淘宝广告主后台导航jQuery插件

评论(0)浏览(109)分类:HTML/CSS兼容/XML
淘宝广告主后台导航jQuery插件  淘宝广告主后台导航效果,用jQuery写的插件  配置说明fx:动画效果,默认linear,还可以设置为easein,easeout等。。具体看代码里面扩展的jQuery.easingspeed:动画时间,默认500msclick:点击导航后的回调函数,默认空函数  源代码如下!DOCTYPE HTML PUBliC -//W3C//DTD HTML 4.0 Transitional//ENhtmlheadtitle淘宝广告主后台导航jQue..

IE gray,invert,xray滤镜

评论(0)浏览(108)分类:HTML/CSS兼容/XML
IE gray,invert,xray滤镜  IE gray滤镜:把图片变为一张黑白颜色灰度图  语法::STYLE=filter:Gray  IE invert滤镜:把对象的可视化属性全部翻转,包括色彩,饱和度和亮度  语法:STYLE=filter:Invert  IE Xray滤镜:使对象变得像被x光照射一样  语法:STYLE=filter:Xray  IE gray,invert,xray滤镜测试代码和效果style body{background:#ffffff} ..

嵌入式Web视频点播系统实现方法

评论(0)浏览(108)分类:HTML/CSS兼容/XML
嵌入式Web视频点播系统实现方法 近年来,视频点播VOD(Video on Demand)的名字在媒体上出现得越来越多。VOD技术使人们可以根据自己的兴趣,不用借助录像机、影碟机、有线电视而在电脑或电视上自由地点播节目库中的视频节目和信息,是可以对视频节目内容进行自由选择的交互式系统。 VOD的本质是信息的使用者根据自己的需求主动获得多媒体信息,它区别于信息发布的最大不..

WML语法大全

评论(0)浏览(108)分类:HTML/CSS兼容/XML
WML语法大全WML是一种基于XML(扩展标记语言)的一种标记语言。这种语言是为无线设备用户提供交互界面而设计的。这些无线设备包括电话、呼机和个人数字助理(Personal Digital Assistants)等等。WML是为具有以下特点的设备而设计的:体积小(相对于个人计算机)。 有限的内存和CPU大小。 通讯带宽窄和时延长。 现在支持WML的设备大致分为两大类:电话 其特..

createRange Method

评论(0)浏览(107)分类:HTML/CSS兼容/XML
createRange MethodCreates a TextRange object from the current text selection, or a controlRange collection from a control selection. Syntaxrange = object.createRange()Return ValueReturnsthe created TextRange object.Standards InformationThere is no public standard that applies to this method. Applies Toselection, Selection ConstructorSee..

IE Chroma滤镜

评论(0)浏览(107)分类:HTML/CSS兼容/XML
IE Chroma滤镜  IE Chroma滤镜:设置图片中指定的颜色为透明色,不显示原来的色彩语法filter:Chroma(Color=color)说明 :color:#rrggbb格式,任意. 例子:filter:Chroma(Color=#FFFFFF) 备注:经测试,对文字容器的背景色不起作用,只作用于图片 IE Chroma滤镜示例style.chroma0{filter:Chroma(Color=#ff0000)}.chroma1{filter:Chroma(Color=#008000)}/sty..

最新Google Maps API申请方法

评论(0)浏览(106)分类:HTML/CSS兼容/XML
最新Google Maps API申请方法  近日Google已变更其Maps API的申请方式,若您现在透过早先的方法申请API Key应该会得到底下的讯息画面。Google不再提供先前的申请API Key方式  大意是Google不再提供该种方式申请API Key ,而是改由所谓的「APIs Console」进行所有API的管理。  在Google Maps API 的部份,官方网站目前是建议使用新版本(v3)的API 进行开发,若您仍希望..

Selection Prototype

评论(0)浏览(106)分类:HTML/CSS兼容/XML
Selection PrototypeDefines the properties and methods inherited by objects in the Selection prototype chain. SyntaxHTMLN/AScriptingSelection.prototypeMembers TableThe following table lists the members exposed by the Selection Constructor object.Attributes/PropertiesPropertyDescriptiontypeRetrieves the type of selection. typeDetailRetriev..

firefox 支持自定义 CSS cursor

评论(0)浏览(104)分类:HTML/CSS兼容/XML
firefox 支持自定义 CSS cursorfirefox 支持自定义 CSS cursorGecko 1.8 (Firefox 1.5)以上即可。注意,逗号分隔多个选择(左边优先),最后必须以标准的 CSS cursor 属性结束,如 pointer,auto 等。甚至可以指定cursor 的坐标cursor:url(images/logo_baidu.gif) 100 20,auto;+展开 -HTMLpstylepdiv{cursor:url(mouse.cur),url(vote.gif),auto;}/ppdiv:hover{background:#eee}..

Dreamweaver写CSS应该学会的技巧

评论(0)浏览(103)分类:HTML/CSS兼容/XML
Dreamweaver写CSS应该学会的技巧在Dreamweaver中编写CSS,这种编写习惯并不提倡,不过由于"可视化"和操作简便,使用的朋友依然很多,今天罗列一些“最佳习惯”,希望对这些朋友有所帮助。  CSS正在改变网站设计的进程。为迎合不断增长的倾向于CSS的设计人员的需求,Macromedia DW 8引进了一些新的及改善过的CSS相关的特性。有了这些新的特性,你可以为未来的更新作好计划,开发与..

新手写css常犯的8个错误

评论(0)浏览(103)分类:HTML/CSS兼容/XML
新手写css常犯的8个错误刚接触css的时候比较茫然,很多时候不知道如何开始,如何下手。拿到一个效果图,很多问题,困扰我们,怎样布局?绝对定位还是相对定位,选择什么标签?采取怎样的结构。.等等。.当然在写代码的过程中,会遇到很多问题,尤其是我们新手,对各方面只是不是很了解,更缺少经验,遇到问题常常手足无措。我想,我们在遇到问题的时候,要学会总结,避免..