云烟阁

CSS是网页设计师的基础，对CSS的了解能使他们能够设计出更加美观别致的网页。使用CSS技巧来巧妙地处理CSS是非常令设计师着迷的事情。在CSS的深海世界里有很多有意思的东西，你只需要找到最适合你的就好。当然我们不可能一下子就记住所有CSS的规则和语法，但为了以后的发展我们还是应该记住那些非常有用的CSS技巧。今天我们精心准备了10条对网页设计师最有用的CSS技巧，如果你想设计出独一无二脱颖而出的

最近公司要做手机端网站 要用到图片上传， 手机端一般不能用 swfupload 类似flash的上传工具 (对 flash 支持不好) 不过现在手机浏览器 都支持HTML5了 所以 这几天网上查了下 实现使用html5 上传文件

其次在脑子里牢牢记住jQuery就是javascript。这意味着我们应该采取相同的编码惯例,风格指南和最佳实践。当你准备使用jQuery,我强烈建议你遵循下面这些指南:缓存变量DOM遍历是昂贵的，所以尽量将会重用的元素缓存。// 糟糕h = $('#element').height();$('#element').css('height',h-20);//

在用HTML5开发手机应用或手机网页时，部分总会有如下一段代码，这段代码到底什么意思呢。在网上，大家会得到很多答案。我从网上搜集了部分介绍，整理一下，以留备用。meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalab

今天我做了一个图，因为需要透明，所以我存为了PNG8格式，结果发现图片变了，图片变得四周都不光滑了，四周都变得有锯齿了，而且阴影也不见了，后来存为PNG24，这些问题就消失了。我去百度搜索了关于PNG8和PNG24的区别，看到下面的文章，原来PNG8要么完全透明，要么完全不透明，不支持半透明，所以才会出现上面的问题，但PNG24支持半透明的。详细请看以下文章，希望能帮到您哦，呵呵

autocomplete="off" class="advsearchinp" id="id" onkeyup="changeName()" />这里autocomplete属性是: input历史记录的功能,on是打开,off是关闭. 默认为on.代表的意思为:是否让浏览器自动记录之前输入的值.但是，有时候弹出的下拉框会挡住页面显示内容，而且在某些情况

方法一： 任意长度的字符串 说明：优点是内容可以为任何HTML元素，包括超链接和图片等，在IE6中还会在结尾自动显示省略号。缺点是必须指定宽度数值，并且宽度不能是百分数，否则在IE中会被认为是字符总长的百分比。方法二：说明：优点是宽度可以设为百分数。但缺点是内容只能为纯文本，不能有超链接等内容。CSS 截断字符串2008-01-08 09:58CSS

幻灯片、走马灯等一直是网页中比较常用的交互效果，在移动平台上也不例外，唯一的区别是操作方式不同，这里介绍一款同时适用于触摸、鼠标操作的幻灯片交互脚本 —— Touchslider官网地址：http://touchslider.com/优点：兼容性好，适用于主流的桌面及移动(基于Weibkit)浏览器，且同时兼容鼠标和触摸操作性能优秀，在 Android 和 iOS 等移

语法： 　　text-overflow : clip | ellipsis 　　参数： 　　clip : 　不显示省略标记（...），而是简单的裁切　　（clip这个参数是不常用的！）　　ellipsis : 　当对象内文本溢出时显示省略标记（...）　　说明： 　　设置或检索是否使用一个省略标记（...）标示对象内文本的溢出。　　请您注重，text-ove

xxxx  这里面有个meta标签很重要，viewport。1.什么Viewport？手机浏览器是把页面放在一个虚拟的“窗口”（viewport）中，通常这个虚拟的“窗口”（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。移动版的Safari浏览器

最近做项目  写页面 看到很多网站  的文字前面的图标 是用这么写的 content: "\f083"; 后来查了很多资料 才知道是  矢量图字体图标   通过插入指定的标签 生成不同的矢量图 比传统的图片 做背景 有很多好处   首先 这些矢量图好控制  大了小了都不会出现马赛克  而且肯定比图节省性能 而且 颜色都可以自定义 可以看下  做的比较

说到 IE 的 bug，一个臭名昭著的例子是它对于“盒模型”的错误解释：在 IE5.x 以及 Quirks 模式的 IE6/7 中，将 border 与 padding 都包含在 width 之内。这为前端工程师的工作平添了不少麻烦，几户每个需要定义尺寸的 box 都要思量一下：是否触发了“盒模型 bug”？同时，由于另一撮浏览器对标准的遵从，我们在精确定义一个在有限空间内显示的 box 时，

做前端开发的时候会经常更改js文件，但是浏览器会缓存中页面的静态文件，当然js我们更改的最频繁，可恶的是我们经常清空了浏览器缓存，但是更改的js或者静态页面都不会立即生效，这对前端开发人员来说是件头疼的事情。解决浏览器缓存页面的方法一:文件参数法可以在js或者css文件后面加上参数来告诉浏览器重新加载最新的文件而不是启用浏览器的缓存。优点就不用说了，缺点也比较明显，那就是每

1.先到pale moon主页（http://www.palemoon.org）下载最新版本，目前是3.6.12（与火狐最新版同步）下载安装，整过过程都是英文的。2.启动pale moon , 从这个网页（http://www.palemoon.org/langpacks.shtml）的最下部找到zh-CN.xpi : Chinese (China) ，点击，这时会在网页窗口的上部弹出一个安装

我们经常碰到的需求是希望页面某个元素固定在浏览器的一个位置，无论如何滚动滚动条，位置不变，就例如经常看到的弹出广告。方法一般是使用js控制，或者使用css。这里我写的是css的控制方法。在IE7以上版本及firefox、opera、safari里，都支持css属性"position:fixed"，它的作用就是将元素相对于窗口固定位置。代码如下#ads{    position:fi

DOCTYPE 的诞生DOCTYPE，或者称为 Document Type Declaration（文档类型声明，缩写 DTD）。通常情况下，DOCTYPE 位于一个 HTML 文档的最前面的位置，位于根元素 HTML 的起始标签之前。因为浏览器必须在解析 HTML 文档正文之前就确定当前文档的类型，以决定其需要采用的渲染模式，不同的渲染模式会影响到浏览器对于 CSS 代码甚至 JavaS

CSS3 的transition属性a { color:#000; font-weight:bold; font-size:16px; text-decoration:none;}a:hover { color:#f60; -webkit-transition:all .5s ease; -moz-transition:all .5s ease}afdsf

上传文件的表单中要加属性enctype="multipart/form-data",很多人只是死记硬背知道上传表单要这么 写，知其然而不知其所以然。那到底为什么要添加这个属性呢？它是什么意思呢？它又有什么其他可选值呢？ 其实form表单在你不写enctype属性时，也默认为其添加了enctype属性值，默认值是enctype="application/x- www-form-urlencode

unicode是字符集，utf8是unicode的一种编码方式很久很久以前，有一群人，他们决定用8个可以开合的晶体管来组合成不同的状态，以表示世界上的万物。他们看到8个开关状态是好的，于是他们把这称为”字节“。再后来，他们又做了一些可以处理这些字节的机器，机器开动了，可以用字节来组合出很多状态，状态开始变来变去。他们看到这样是好的，于是它们就这机器称为”计算机“。开始计算机只在