<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/auphiria</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; auphiria]]></copyright><item><title><![CDATA[关于max-width：100% 不兼容的问题]]></title><link>https://blog.youkuaiyun.com/auphiria/article/details/44219107</link><guid>https://blog.youkuaiyun.com/auphiria/article/details/44219107</guid><author>auphiria</author><pubDate>Thu, 12 Mar 2015 11:06:50 +0800</pubDate><description><![CDATA[在IE8中经常遇到的问题就是max-width，网页中图片的尺寸可能比较宽，我会给它设置max-width: 100%来限制其宽度最大为父容器的宽度，但是有时候却不奏效，慢慢摸索才得知IE解析max-width所遵循的规则：严格要求直接父元素的宽度是固定的。经实验发现Chrome所遵守的规则比IE松一些，所以这个问题应该不归属为IE兼容性问题，不过我还是提一下吧。分享两个我遇到的场景：
（1）t]]></description><category></category></item><item><title><![CDATA[纯CSS 图片在DIV中垂直居中的显示方法]]></title><link>https://blog.youkuaiyun.com/auphiria/article/details/23447211</link><guid>https://blog.youkuaiyun.com/auphiria/article/details/23447211</guid><author>auphiria</author><pubDate>Fri, 11 Apr 2014 15:10:24 +0800</pubDate><description><![CDATA[纯CSS 图片在DIV中垂直居中的显示方法]]></description><category></category></item><item><title><![CDATA[Chrome下font-size:10px; 设置无效的解决方案]]></title><link>https://blog.youkuaiyun.com/auphiria/article/details/14223835</link><guid>https://blog.youkuaiyun.com/auphiria/article/details/14223835</guid><author>auphiria</author><pubDate>Wed, 06 Nov 2013 11:01:53 +0800</pubDate><description><![CDATA[Chrome浏览器在解析字体大小时，最小字号为12px,小于这个大小的字号都会解析成12px,当你把一行文字设为10px时Chrome浏览器会按12px来解析。
解决这个问题的方法是用Chrome的私有属性禁用浏览器文字大小调整的功能。
-webkit-text-size-adjust:none;

PS:在新版的chrome中已经禁止了改属性,建议使用CSS3中的方法:


tra]]></description><category></category></item><item><title><![CDATA[浅谈 js中parseInt函数的解析]]></title><link>https://blog.youkuaiyun.com/auphiria/article/details/11771573</link><guid>https://blog.youkuaiyun.com/auphiria/article/details/11771573</guid><author>auphiria</author><pubDate>Tue, 17 Sep 2013 14:45:50 +0800</pubDate><description><![CDATA[首先还是从很热门的实例parseInt("09")==0说起。


parseInt(number,type)这个函数后面如果不跟第2个参数来表示进制的话，默认是10进制。


比如说parseInt("010",10)就是10进制的结果：10，parseInt("010",2)就是2进制的结果：2，parseInt("010",8)就是8进制的结果：8，parseInt("010",]]></description><category></category></item><item><title><![CDATA[响应式布局入门]]></title><link>https://blog.youkuaiyun.com/auphiria/article/details/9412069</link><guid>https://blog.youkuaiyun.com/auphiria/article/details/9412069</guid><author>auphiria</author><pubDate>Mon, 22 Jul 2013 18:10:16 +0800</pubDate><description><![CDATA[转自：http://www.caihong.cc/?p=250
最近研究响应式设计框架的时候，发现网上很多相关的属性介绍，却很少有系统的入门级使用的文章，我自己整理了一篇入门知识，并没有什么高深的理论，也不牵扯到框架。
目前已经越来越多的站点以及wap站点使用响应式设计，因为大屏幕的移动设备越来越普及。而自适应布局已经无法胜任各种浏览需求。响应式设计的目的是尽可能以最好的布局显示您的数据，以实]]></description><category></category></item><item><title><![CDATA[盲人站长深恶痛绝的onfocus=”this.blur()”]]></title><link>https://blog.youkuaiyun.com/auphiria/article/details/9112677</link><guid>https://blog.youkuaiyun.com/auphiria/article/details/9112677</guid><author>auphiria</author><pubDate>Mon, 17 Jun 2013 15:20:34 +0800</pubDate><description><![CDATA[来源：ued.taobao.com





杭州最美的季节里，淘宝无障碍访问改善小组有幸邀请到盲人在线站长——争渡读屏团队成员——杨永全同学和我们一起面对面交流网站无障碍访问方面的问题。杨同学使用电脑必须使用读屏软件，就像他看不到我们的脸必须靠声音识别我们一样。在谈到读屏软件操作页面时，他对我们前端的同学特别的强调：他最深恶痛绝的就是页面链接上有
 onfocus=”this.bl]]></description><category></category></item><item><title><![CDATA[CSS透明属性详解]]></title><link>https://blog.youkuaiyun.com/auphiria/article/details/9038449</link><guid>https://blog.youkuaiyun.com/auphiria/article/details/9038449</guid><author>auphiria</author><pubDate>Thu, 06 Jun 2013 14:23:41 +0800</pubDate><description><![CDATA[opacity: 0.5; 这是最重要的，因为它是CSS标准.该属性支持firefox,
 Safari和 Opera.filter:alpha(opacity=50); 这个是为IE6设的，可取值在0-100，其它三个0到1.-moz-opacity:0.5; 这个是为了支持一些老版本的Mozilla浏览器。-khtml-opacity: 0.5; 这个为了支持一些老版本的Safari浏览器。]]></description><category></category></item><item><title><![CDATA[CSS 鼠标选中文字后改变背景色]]></title><link>https://blog.youkuaiyun.com/auphiria/article/details/8935007</link><guid>https://blog.youkuaiyun.com/auphiria/article/details/8935007</guid><author>auphiria</author><pubDate>Thu, 16 May 2013 14:29:41 +0800</pubDate><description><![CDATA[::-moz-selection{background:#FFFFFF; color:#000000;} 
::selection {background:#FFFFFF; color:#000000; } 


暂时不支持IE。]]></description><category></category></item><item><title><![CDATA[如何使用page speed对网站进行性能优化（一）]]></title><link>https://blog.youkuaiyun.com/auphiria/article/details/8115918</link><guid>https://blog.youkuaiyun.com/auphiria/article/details/8115918</guid><author>auphiria</author><pubDate>Fri, 26 Oct 2012 16:05:01 +0800</pubDate><description><![CDATA[在SEO网站优化中，其实网站的性能对于搜索引来来说，也是有很大影响的，例如速度方面，如果网站的打开速度快，那么搜索引擎蜘蛛程序在下载页面的时候，在同样的时间内，就会下载更多页面，从而在其他条件相同的条件下，就可以相对的收录更多的页面，而且网站的加载速度快，对于用户体验来说，也是非常好的，对于一个网页来说，如果打开速度超过一定的极限，用户就会直接的关掉这个页面，所以对网站进行性能的优化，不但是用户的]]></description><category></category></item><item><title><![CDATA[如何写robots.txt？]]></title><link>https://blog.youkuaiyun.com/auphiria/article/details/8115667</link><guid>https://blog.youkuaiyun.com/auphiria/article/details/8115667</guid><author>auphiria</author><pubDate>Fri, 26 Oct 2012 15:28:49 +0800</pubDate><description><![CDATA[在国内，网站管理者似乎对robots.txt并没有引起多大重视，应一些朋友之请求，今天想通过这篇文章来简单谈一下robots.txt的写作。



robots.txt基本介绍

robots.txt是一个纯文本文件，在这个文件中网站管理者可以声明该网站中不想被robots访问的部分，或者指定搜索引擎只收录指定的内容。

当一个搜索机器人（有的叫搜索蜘蛛）访问一个站点时，它会首先检]]></description><category></category></item><item><title><![CDATA[Lynx浏览器的使用]]></title><link>https://blog.youkuaiyun.com/auphiria/article/details/8084696</link><guid>https://blog.youkuaiyun.com/auphiria/article/details/8084696</guid><author>auphiria</author><pubDate>Thu, 18 Oct 2012 11:21:57 +0800</pubDate><description><![CDATA[Lynx浏览器的使用
 

lynx在线版   地址：http://lynx.itlearner.com





Lynx 简介

 

　　Lynx
 是一个字符界面下的全功能的WWW浏览器，可以运行在多种OS下，如VMS, UNIX, Windows 95, Windows NT等，当然也包括Linux。Lynx 占用资源极少，速度很快。Lynx是唯一能在字符终端]]></description><category></category></item><item><title><![CDATA[-webkit-transform: rotate(40deg);]]></title><link>https://blog.youkuaiyun.com/auphiria/article/details/7980022</link><guid>https://blog.youkuaiyun.com/auphiria/article/details/7980022</guid><author>auphiria</author><pubDate>Fri, 14 Sep 2012 17:19:34 +0800</pubDate><description><![CDATA[目前越来越多的浏览器兼容CSS3标准了，就连IE浏览器老大哥也开始向CSS3低头，微软宣布IE9浏览器支持更多的CSS3属性，IE9更注重HTML5标准。不过CSS3里有一个使对象旋转的属性transform rotate，号称兼容CSS3的浏览器对它的支持也不算好，好在Firefox、Webkit和Opera这些浏览器都已经提供了官方的hack去支持这个属性。唯独在IE浏览器里对这个transf]]></description><category></category></item><item><title><![CDATA[htm5  user-scalable 的意思]]></title><link>https://blog.youkuaiyun.com/auphiria/article/details/7975988</link><guid>https://blog.youkuaiyun.com/auphiria/article/details/7975988</guid><author>auphiria</author><pubDate>Thu, 13 Sep 2012 17:39:32 +0800</pubDate><description><![CDATA[user-scalable=yes,minimum-scale=1.0,maximum-scale=1.0"/>
width - viewport的宽度 height - viewport的高度
initial-scale - 初始的缩放比例
minimum-scale - 允许用户缩放到的最小比例
maximum-scale - 允许用户缩放到的最大比例
user-scalable - 用户是]]></description><category></category></item><item><title><![CDATA[Towers in the Park by Mass Studies Studio]]></title><link>https://blog.youkuaiyun.com/auphiria/article/details/7929089</link><guid>https://blog.youkuaiyun.com/auphiria/article/details/7929089</guid><author>auphiria</author><pubDate>Fri, 31 Aug 2012 14:20:40 +0800</pubDate><description><![CDATA[Source: 
www.yankodesign.com via 
Justin Gaston on 
Σ note]]></description><category></category></item><item><title><![CDATA[几款浏览器类似Firebug的插件工具]]></title><link>https://blog.youkuaiyun.com/auphiria/article/details/7926423</link><guid>https://blog.youkuaiyun.com/auphiria/article/details/7926423</guid><author>auphiria</author><pubDate>Thu, 30 Aug 2012 18:40:43 +0800</pubDate><description><![CDATA[1.  火狐Firebug ---------------- 快捷键 F12

小小萤火虫，功能却很全，太方便了，我们这些做前端开发的人员可享福吧。有DOM查看，js调试，css调试等等一系列的工具，真是太方便了，可以直接修改缓存里的内容，随时看到效果，不会影响实际页面，当你效果修改好了，可以把你做的实际修改到实际页面中就可以了，太方便了。





2.WebKit的(Safar]]></description><category></category></item><item><title><![CDATA[自定义 placehoder 的字体颜色]]></title><link>https://blog.youkuaiyun.com/auphiria/article/details/7923101</link><guid>https://blog.youkuaiyun.com/auphiria/article/details/7923101</guid><author>auphiria</author><pubDate>Thu, 30 Aug 2012 10:35:49 +0800</pubDate><description><![CDATA[input::-webkit-input-placeholder { color: #999; }
input:-moz-placeholder { color:  #999;}
input:-ms-input-placeholder { color: #999;}
同时定义 input 和 textarea 的写法::-webkit-input-placeholder { color: #99]]></description><category></category></item><item><title><![CDATA[css之FILTER:progid:DXImageTransform.Microsoft.Gradient使用]]></title><link>https://blog.youkuaiyun.com/auphiria/article/details/7913458</link><guid>https://blog.youkuaiyun.com/auphiria/article/details/7913458</guid><author>auphiria</author><pubDate>Mon, 27 Aug 2012 19:29:05 +0800</pubDate><description><![CDATA[FILTER:progid:DXImageTransform.Microsoft.Gradient使用 
语法： 
filter:progid:DXImageTransform.Microsoft.Gradient(enabled=bEnabled,startColorStr=iWidth,endColorStr=iWidth) 
属性： 
enabled:可选项。布尔值(Boolean)]]></description><category></category></item><item><title><![CDATA[如何将DIV层放在flash上面]]></title><link>https://blog.youkuaiyun.com/auphiria/article/details/7891039</link><guid>https://blog.youkuaiyun.com/auphiria/article/details/7891039</guid><author>auphiria</author><pubDate>Tue, 21 Aug 2012 14:17:57 +0800</pubDate><description><![CDATA[一 。IE浏览器下可用



二 。firefox下可用



关于wmode属性资料：

（可选）允许使用 Internet Explorer 4.0 中的透明 Flash 内容、绝对定位和分层显示功能。此标记/属性仅在带有 Flash Player ActiveX 控件的 Windows 中有效。

“Window”在 Web 页上用影片自己的矩形窗口来播放应用程序。”]]></description><category></category></item><item><title><![CDATA[CSS清除浮动 clearfix:after 使用技巧及兼容Firefox等符合W3C标准的浏览器]]></title><link>https://blog.youkuaiyun.com/auphiria/article/details/7885665</link><guid>https://blog.youkuaiyun.com/auphiria/article/details/7885665</guid><author>auphiria</author><pubDate>Mon, 20 Aug 2012 11:11:44 +0800</pubDate><description><![CDATA[点评：在写HTML代码的时候，发现在Firefox等符合W3C标准的浏览器中，如果有一个DIV作为外部容器，内部的DIV如果设置了float样式，则外部的容器DIV因为内部没有clear，导致不能被撑开。






在写HTML代码的时候，发现在Firefox等符合W3C标准的浏览器中，如果有一个DIV作为外部容器，内部的DIV如果设置了float样式，则外部的容器DIV因为内部没]]></description><category></category></item><item><title><![CDATA[textarea宽度的2像素bug/textarea高度的2像素bug]]></title><link>https://blog.youkuaiyun.com/auphiria/article/details/7850384</link><guid>https://blog.youkuaiyun.com/auphiria/article/details/7850384</guid><author>auphiria</author><pubDate>Fri, 10 Aug 2012 10:26:39 +0800</pubDate><description><![CDATA[来源：HTML5中文学习站    
 作者：池塘里的黑鱼  
extarea宽度的2像素bug/textarea高度的2像素bug

解决方法：（在样式中加入如下代码：）


textarea {
-webkit-box-sizing: border-box;
-moz-box-sizing : border-box;
-ms-box-sizing : border-box;]]></description><category></category></item></channel></rss>