HTML特殊标签/CSS
文章平均质量分 61
不断学习的ITer
和同事和睦相处共同进步.....
展开
-
CSS clientWidth,offsetWidth 等相关属性
网页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;网页可见区域宽: document.body.offsetWidth (包括边线的宽);网页可见区域高: document.body.offsetHeight (包括边线的宽);网页正文全文宽: document.body.scrollWidth;网页正原创 2010-03-05 15:39:00 · 1875 阅读 · 0 评论 -
li 布局 CSS样式
利用 UL ,LI ,DIV 下拉菜单布局要点:服务 标准化服务 个性化服务 定制服务 免费试用 自助申请定位 自助选校 Css 样式设置:parentMenu的 position:relativeHiddenMenu: position:absolute ,left:0; top:100%这样就可以做出纯CSS下拉菜单了,而且跨浏原创 2011-09-08 02:41:49 · 1642 阅读 · 0 评论 -
对JavaScript调用堆栈和setTimeout用法的深入研究
http://blog.csdn.net/sz_bdqn/article/details/5900520Javascript中会经常用到setTimeout来推迟一个函数的执行,如:setTimeout(function(){alert("Hello World");},1000)会在执行到这句话后延迟1秒钟来弹出alert窗口。那么再看这一段:function a(){转载 2011-12-29 17:22:44 · 936 阅读 · 0 评论 -
解决IE6浏览器下position:fixed固定定位问题
像你所遇到的问题一样, IE6浏览器有太多的bug让制作网页的人头疼。这篇文章介绍的是介绍的是如何解决IE6不支持position:fixed;属性的办法。如果我们需要做某个元素始终位于浏览器的底部,不会因为浏览器窗口的缩放和滚动条的滚动而变化,那个肯定是想到的用position:fixed生成绝对定位,只要设置这个CSS属性就能达到刚刚的需求。当其他浏览器都正常显示的时候,只有IE6不那么完美。转载 2012-02-28 22:49:43 · 1212 阅读 · 0 评论 -
自定义 input: file 宽度和高度
在使用 这个控件的时候,会发现在ie,firefox,chrome下表现的都不一致。而且不可以设置它的width。基于上面的原因,我们只能自己加工一下这个上传控件了,并且各个浏览器兼容。HTML: 建立一个透明的file控件,让后将这个file控件定位到页面上上传的botton上面。 CSS: 设置透明度和相对定位我们原创 2012-03-19 17:45:38 · 10654 阅读 · 4 评论 -
在自己网站上调用google地图
Google Map API var map; //当前的地图对象//初始化 function load() { if (GBrowserIsCompatible()) { map = new GMap2(document.getElementById('map_can转载 2012-05-31 15:43:55 · 2045 阅读 · 0 评论 -
语音搜索--x-webkit-speech 在chrome中应用
input id="w" name="w" maxlength="1024" outline="none" type="text" autocomplete="off" value="" class="search_init" title="输入要查询的内容"x-webkit-speech="x-webkit-speech">x-webkit-speech="x-webkit-sp原创 2012-07-03 12:21:58 · 1082 阅读 · 0 评论 -
HTML5 学习站点
http://css3maker.comcss3 在线编辑工具http://www.beautyoftheweb.com/ 微软展示最新前端技术网站http://html5labs.com/ 微软浏览器实验室http://ie.microsoft.com/testdrive/http://www.gbin1.com/ 前端 美图,教程原创 2012-08-21 12:01:46 · 716 阅读 · 0 评论 -
IE=edge,chrome=1 说明
meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />介绍:这是个是IE8的专用标记,用来指定IE8浏览器去模拟某个特定版本的IE浏览器的渲染方式(比如人见人烦的IE6),以此来解决部分兼容问题,例如模拟IE7的具体方式如下: meta http-equiv = "X-UA-Compa转载 2012-09-26 10:44:20 · 1372 阅读 · 0 评论 -
提高网站访问速度的34条军规
http://developer.yahoo.com/performance/rules.htmlBest Practices for Speeding Up Your Web SiteThe Exceptional Performance team has identified a number of best practices for making web pages转载 2012-09-21 15:48:08 · 1873 阅读 · 0 评论 -
用3个步骤实现响应式网页设计
http://blog.csdn.net/hfahe/article/details/7082718/ 写在前面的话:随着移动设备的逐渐普及和Web技术的发展,跨端的Web开发需求将会越来越大。如何在多种设备上进行跨端的界面适配呢?我们可以利用CSS3的Media Query来实现。本文主要介绍了移动开发和CSS3结合,来进行多种分辨率适配的例子。 文中提到的响应式网页转载 2012-09-26 13:56:18 · 945 阅读 · 0 评论 -
免费PSD文件下载
http://www.freepik.com/free-psd/web-templates具体图标如下:原创 2012-10-16 13:16:26 · 1174 阅读 · 0 评论 -
CSS 改变选中字体背景(页面选中样式)
::selection {background: #fe57a1;color: #fff;text-shadow: none;原创 2012-10-19 13:57:38 · 1387 阅读 · 0 评论 -
Web前端开发人员实用Chrome插件收集
越来越多的前端开发人员喜欢在Chrome里开发调试代码,Chrome有许多优秀的插件可以帮助前端开发人员极大的提高工作效率。尤其Chrome本身是可以登录的,登录后你所有的插件都会自动同步到每一个登录后的Chrome的,非常方便啊。Postman - REST ClientPostman是Ajax开发的神器,对于Restful开发方式特别有帮助,可以用来模拟各种请求来测试API的正转载 2013-02-05 16:26:48 · 655 阅读 · 0 评论 -
Bootstrap
http://www.bootcss.com/转载 2013-07-22 17:22:41 · 663 阅读 · 0 评论 -
推荐十款来自极客标签的超棒前端特效
http://www.gbin1.com/technology/javascript/20130909-gbtags-front-end-demo/本周我们推荐来自极客标签社区带来的10款超棒前端特效,大家可以在这里免费下载你需要的内容。如果你也有更好的作品,欢迎分享到社区中来,在得到帮助的同时,也能与更多人分享来自你的作品。运用jQuery and CSS过渡达到垂直转载 2013-09-09 10:53:38 · 1383 阅读 · 0 评论 -
js typeof,instanceof用法
http://blog.163.com/liguiqin_500/blog/static/763064201041395742250/经常会在js里用到数组,比如 多个名字相同的input, 若是动态生成的, 提交时就需要判断其是否是数组. if(document.mylist.length != "undefined" ) {} 这个用法有误.正确的是 if( typeof(docu转载 2011-12-29 12:37:43 · 1301 阅读 · 0 评论 -
javascript delete
http://www.cnblogs.com/windows7/archive/2010/03/28/1698387.htmljavascript delete examplevar flower={}; flower.name="oop"; delete flower.name; //true alert(flower.name); //undefined转载 2011-12-29 12:30:54 · 945 阅读 · 0 评论 -
思考什么时候使用Canvas 和SVG
http://blogs.msdn.com/b/weizhong/archive/2011/07/16/canvas-svg.aspxHTML5 帆布和 SVG 是 IE9 中引入的两项令人激动的图形功能。上周在拉斯维加斯举办的MIX11 大会对这两个功能进行了介绍(请参阅深入剖析 HTML5 和现代化您的网站:SVG 遇到 HTML5典范这些技术可用于解决现代网络上众多的图形场景。由转载 2012-01-05 14:02:13 · 3374 阅读 · 0 评论 -
div+css 构建3行3列的表格,在FF和IE,以及苹果的浏览器下均可以正常的显示,放大,缩小
html>head> style>#table {原创 2010-04-27 13:42:00 · 1275 阅读 · 0 评论 -
CSS 在IE8.0和FF中的区别
这两天在想这个问题,在论坛里发的帖子,也没有人回,网上的那些答案基本上都是在IE8.0以下的版本,通过IE8.0和FF3.63版本的比较,感觉现在两者的相差不是太大,我只发现有下面一些有明显的区别.刚看了论坛里的信息,还有一种方法:下载CSS3.0手册看看,里面有各个浏览器的说明,是否兼容第一:cursor:hand值。 在IE中可以显示手型,但是在FF中样式不作用第二:IE和FF的透明设原创 2010-04-28 10:57:00 · 1247 阅读 · 0 评论 -
样式优先级
说说ID选择符、类选择符和HTML标记选择符的优先级顺序 ID选择符优先级高于类选择符,类选择符的优先级高于HTML标记选择符。 内部样式表,行内样式表(内嵌样式表),外部样式表 三种样式表的优先级由高到低排列如下:行内样式表(内嵌样式表)内部样式表外部样式表补充规则:优先级相同的情况下,后定义的属性会覆盖先前定义的。原创 2010-05-17 16:01:00 · 1021 阅读 · 0 评论 -
CSS布局 块级元素及内联元素
Block element 块级元素顾名思义就是以块显示的元素,高度宽度都是可以设置的。比如我们常用的、、默认状态下都是属于块级元素。块级元素比较霸道,默认状态下每次都占据一整个行,后面的内容也必须再新起一行显示。当然非块级元素也可以通过css的display:block;将其更改成块级元素。此外还有个特殊的,float也具有此功能。Inline element 内联元素通俗点来说就是文本的显示方转载 2010-05-24 16:05:00 · 1244 阅读 · 0 评论 -
ie6 ie7 ie8 共存以及Firefox浏览器CSS兼容写法
在网站设计的时候,应该注意css样式兼容不同浏览器的问题,特别是对完全使用DIV CSS设计的网页,就应该更注意IE6 IE7 FF对CSS样式的兼容,不然,你的网页可能会和你理想的效果相去十万八千里!海量权威开发资料。 所有浏览器 通用 height: 100px; IE6 专用 _height: 100px;IE6 专用 *height: 100px; IE7 专用 *+height: 100px;IE7、FF 共用 height: 100px !important;一、CSS 兼容 以下两种方法几转载 2010-05-31 17:57:00 · 1173 阅读 · 0 评论 -
101css技术高级应用教程
今天看了这两边文章(上下),觉得很受用,CSS的功能实在强大http://www.websbook.com/htmlcssdiv/101gCSSjsgjyyjc_x__13898.html百度里可以按照这个名称搜弹出大图片,这个很喜欢 ,很炫http://host.sonspring.com/hoverbox/转载 2010-06-10 15:55:00 · 585 阅读 · 0 评论 -
CSS/HTML: 图形,图线,作图
http://www.gb2312.net/?/25032/VML相当于IE里面的画笔,能实现你所想要的图形,而且结合脚本,可以让图形产生动态的效果。VML是微软1999年9月附带IE5.0发布的,在我认为, VML其实是Word和HTML结合的产物。可以将Word文档另存为HTML,其中的文本和图片可以很容易的转换,但如果是手绘制的图形在以往的IE里面就无法解释了,如果都转换成图形文件又不太现实。于是微软把Word里面的图形控件结合到IE里面,使IE也具备了绘图功能。VML的全称是Vector Marku转载 2010-11-15 10:21:00 · 2117 阅读 · 0 评论 -
HTML 标签的 shape 属性:图片选区获得焦点
http://www.w3school.com.cn/tags/att_area_shape.asp--效果图http://www.ef.com.cn/englishfirst/courses/adults/smart/our-method.aspx定义和用法shape 属性与 coords 属性配合,可以规定区域的尺寸、形状和位置。详细解释:shape 属性用于定义图像映射中对鼠标敏感的区域的形状:圆形(circ 或 circle)多边形(poly 或 polygon)矩形(rect 或 rectangl转载 2010-11-15 16:44:00 · 1817 阅读 · 0 评论 -
firefox/safari/chrome浏览器模拟iPad的userAgent的方法
<br />在给 iPad 做的网页进行测试的时候,有时候需要在 PC 上模拟 iPad User Agent 去访问网页,今天就介绍下如何让 Firefox,Chrome,Safari 浏览器模拟 iPad User Agent。<br />iPad User Agent<br />首先 iPad 的 User Agent:<br />Mozilla/5.0(iPad; U; CPU iPhone OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KH转载 2011-04-21 15:10:00 · 8883 阅读 · 0 评论 -
yahoo Rss
不一样的RSSRSS,Atom结合使用转载 2011-07-19 14:11:47 · 802 阅读 · 0 评论 -
CSS Image Opacity / Transparency
http://www.w3schools.com/css/css_image_transparency.aspNote: This is not yet a CSS standard. However, it works in all modern browsers, and转载 2011-08-16 11:00:20 · 1397 阅读 · 0 评论 -
javascript: mouseove mousedown事件
先看一张图:(也可以看 http://developer.apple.com/safaridemos/showcase/typography/#orange)左边有滑动模块,是不是很酷呢,确实如此。经过分析APPLE的代码,明白了它是如何实现的重点:1. 外原创 2011-08-19 13:15:50 · 1991 阅读 · 0 评论 -
在网页中加入新版QQ、MSN在线状态代码的方法
http://www.xianzhixianjue.com/?p=11840很多企业、网店、以及中小站长通常都需要在网站或网页上加入一些联系方式,比如常见的QQ、MSN等等。而大家比较注重的通常是两方面,一方面是帐号的安全性和保密性,以防止被盗或被骚扰;另一方面要给用户提供方转载 2011-08-26 10:08:47 · 2320 阅读 · 0 评论 -
工作小记
DateTime.Now.ToString("yyyy-MM-dd HH//:mm")--用24小时制度显示linkq 学习 http://www.tzwhx.com/newOperate/html/1/11/116/15404.htmlSystem.Web.HttpContext.Current.Request.PhysicalApplicationPath: 获得网站根目录路径原创 2010-11-25 17:37:00 · 1218 阅读 · 0 评论 -
TBCompressor
http://www.cnblogs.com/heartstill/archive/2011/01/01/1923865.html今天发现了淘宝人开发的一个软件——TBCompressor,这个软件是在YUI compressor的基础上改进的,使用十分简单,详情请看lifesinger的《TBCompressor – JS和CSS压缩工具》一文。下面是TBCompressor的使用方法,转载 2011-11-04 10:47:04 · 1442 阅读 · 0 评论 -
css3--我们太阳系
http://www.zhangxinxu.com/study/201005/css3-solar-system.html原创 2014-07-21 15:29:46 · 1079 阅读 · 0 评论