PhoebeSky-CSDN博客

原创关于a标签的虚线问题

之前也遇到过这个问题，忘记是怎么解决了，这个问题再次出现时，还得现找，这个是经过测试没问题的解决办法，有需要的童鞋可以试试如果所有的a标签可以直接都需要，直接加载css样式里就可以：a {outline: none;}a:active {star:expression(this.onFocus=this.blur());}:focus { outline:0; }

2013-04-11 15:17:20 1045

原创 csdn首页体验

刚打开csdn的首页，看见有新版发布，便体验了下有图片有真相，第一张是老版的，下面是新版的，真的很舒服，也很大气，起码我是这样感觉的因为对用户体验感兴趣，所以岁页面的舒适度可能更敏感些这次的改变真的很大，字体的变化，字号的变化，布局的变化不得不说，微软雅黑的字体真的是比宋体看着舒服多了，所以我个人更加喜欢微软雅黑字号由之前的12号变成14号，看着真是很舒服，

2013-04-03 18:15:28 660

原创发送消息，有字数限制的js监控代码

自己写的不是第一个js代码，却是第一运用的，和大家分享下，很简单的代码js代码如下：function Counter(){$('#txtContent').val('');var limitCounter = 300;var tips = '还可以输入' + limitCounter + '字';$('#limit_counter').html(tips);$('#

2013-04-03 18:05:28 742

原创 js键盘事件全面控制详解

js键盘事件全面控制主要分四个部分第一部分：浏览器的按键事件第二部分：兼容浏览器第三部分：代码实现和优化第四部分：总结第一部分：浏览器的按键事件用js实现键盘记录，要关注浏览器的三种按键事件类型，即keydown，keypress和keyup，它们分别对应onkeydown、onkeypress和onkeyup这三个事件句柄。一个典型的按键会产生所有这三种事件，依次是k

2013-03-29 17:31:34 683

原创对window.setTimeout("sTimer(" + i + ")", i * 1000)的理解

var wait = 15; //设置秒数(单位秒) var secs = 0; for(var i=1;i{ window.setTimeout("sTimer("+i+")",i*1000); } function sTimer(num) { if(num==wait) { document.getElementById("B

2013-03-17 15:49:40 1479

原创关于clearfix：after的解释

在Firefox里测试一下，哈哈，这样做的确很有效，显示正常，而且dojo的 Drag & Drop 也不会有问题了。原本，这个clearfix的CSS应用了after这个伪对象，它将在利用 clearfix的元素的结尾添加content中的内容。在这里添加了一个句号"."，并且把它的display设置成block；高度设为0；clear设为both；visibility设为潜藏。这样就达到

2013-01-24 11:33:04 2672

原创关于font：14px/25px Arial 的所表达的意思

关于font：14px/25px Arial 的所表达的意思其中14px表示字体大小；25px表示行高

2013-01-08 11:22:44 3034

原创 rel=nofollow"属性与SEO的关系-----SEO基础

"rel=nofollow"属性 nofollow是HTML元标签(meta)的content属性和链接标签(a)的rel属性的一个值，告诉机器(爬虫)无需追踪目标页，为了对抗blogspam(博客垃圾留言信息)，Google推荐使用nofollow，告诉搜索引擎爬虫无需抓取目标页，同时告诉搜索引擎无需将的当前页的Pagerank传递到目标页。但是如果你是通过sitemap直接提交该

2013-01-03 11:45:15 757

原创下拉列表选择控件，用于替换原生的 select 控件

DOCTYPE html>html>head>style> body{ font: 12px "宋体",Arial; } /* list start*/ .conditionBox{ position:relative; display:inline-block;

2012-12-12 17:29:32 634

转载 CSS3的文字阴影—text-shadow

前段时间整理了CSS3中的渐变Gradient、透明度RGBA、边框圆角box-radius三个新属性的使用方法，这几次继续整理了有关于CSS3的text-shadow的使用方法。今天特意花了点时间贴上来与有共同爱好的朋友一起分享这个新属性的应用。text-shadow还没有出现时，大家在网页设计中阴影一般都是用photoshop做成图片，现在有了css3可以直接使用text-shadow

2012-12-12 17:08:18 4991

原创 Javascript 文件的同步加载与异步加载

HTML 4.01 的script属性charset: 可选。指定src引入代码的字符集，大多数浏览器忽略该值。defer: boolean, 可选。延迟脚本执行，相当于将script标签放入页面body标签的底部，js脚本会在document的DOMContentLoaded之前执行。除IE和较新版本的Firefox外，其他浏览器并未支持。language: 已废弃。大部分浏览器

2012-12-12 16:58:11 668

转载自适应网页设计（Responsive Web Design）

随着3G的普及，越来越多的人使用手机上网。移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽度，一般都在1000像素以上（目前主流宽度是1366×768），有的还达到了2000像素。同样的内容，要在大小迥异的屏幕上，都呈现出满意的效果，并不

2012-12-07 09:38:35 474

原创 rgba alpha 透明度在ie下的兼容问题

RGBA语法：div {background: rgba(0,0,0,0.5);}浏览器兼容性：类型Internet ExplorerFirefoxChromeOperaSafari版本(×)IE6(√)Firefox 3.0.10(√)Chrome 2.0.x(√)

2012-11-19 15:40:20 2614

原创 Chrome下字体显示不能小于12px的解决方法

今天工作的时候，发现的一个问题，于是在网上查找相关信息，还真是有解决办法呢，亲自试过了好使添加一个webkit的私有属性：.class{-webkit-text-size-adjust:none;}不建议使用全局属性：html{-webkit-text-size-adjust:none;}而是有针对性的对我们需要定义字体小于12px的地方去使用这个webki

2012-11-19 15:04:34 665

Phoebe的学习天地