<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[purecss的专栏]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/purecss</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; purecss]]></copyright><item><title><![CDATA[图片浏览器加载情况]]></title><link>https://blog.youkuaiyun.com/purecss/article/details/77662757</link><guid>https://blog.youkuaiyun.com/purecss/article/details/77662757</guid><author>purecss</author><pubDate>Tue, 29 Aug 2017 08:51:17 +0800</pubDate><description><![CDATA[1.图片

    正常显示一张图片 加载
    display: none; 加载
    visibility: hidden;  加载
    img父元素定义visibility: hidden;或display: none;  加载


2.背景图片

    未用到的类定义背景图  加载
    背景加visibility: hidden;或display:no]]></description><category></category></item><item><title><![CDATA[响应式Web设计（HTML5和CSS3）工具集]]></title><link>https://blog.youkuaiyun.com/purecss/article/details/48047349</link><guid>https://blog.youkuaiyun.com/purecss/article/details/48047349</guid><author>purecss</author><pubDate>Fri, 28 Aug 2015 09:26:43 +0800</pubDate><description><![CDATA[响应式设计的开篇之作：
http://www.alistapart.com/articles/responsive-web-design/
响应式图片方案：http://filamentgroup.com/lab/responsiveimagesexperimentingwithcontextawareimage_sizing/
自适应图片方案：
http://adaptive-image]]></description><category></category></item><item><title><![CDATA[HTML页面加载和解析流程]]></title><link>https://blog.youkuaiyun.com/purecss/article/details/47316975</link><guid>https://blog.youkuaiyun.com/purecss/article/details/47316975</guid><author>purecss</author><pubDate>Thu, 06 Aug 2015 15:01:49 +0800</pubDate><description><![CDATA[1.浏览器加载和渲染html的顺序




1、IE下载的顺序是从上到下，渲染的顺序也是从上到下，下载和渲染是同时进行的。
2、在渲染到页面的某一部分时，其上面的所有部分都已经下载完成（并不是说所有相关联的元素都已经下载完）
3、如果遇到语义解释性的标签嵌入文件（JS脚本，CSS样式），那么此时IE的下载过程会启用单独连接进行下载。
4、并且在下载后进行解析，解析过程中，停止页面所]]></description><category></category></item><item><title><![CDATA[移动端页面默认样式重置]]></title><link>https://blog.youkuaiyun.com/purecss/article/details/47316941</link><guid>https://blog.youkuaiyun.com/purecss/article/details/47316941</guid><author>purecss</author><pubDate>Thu, 06 Aug 2015 15:00:04 +0800</pubDate><description><![CDATA[1.-webkit-tap-highlight-color

-webkit-tap-highlight-color:rgba(0,0,0,0);//透明度设置为0，去掉点击链接和文本框对象时默认的灰色半透明覆盖层(iOS)或者虚框(Android)

-webkit-tap-highlight-color:rgba(255,0,0,0.5);  //利用此属性，设置touch时链接区域高]]></description><category></category></item><item><title><![CDATA[移动web开发细节处理]]></title><link>https://blog.youkuaiyun.com/purecss/article/details/47316823</link><guid>https://blog.youkuaiyun.com/purecss/article/details/47316823</guid><author>purecss</author><pubDate>Thu, 06 Aug 2015 14:54:22 +0800</pubDate><description><![CDATA[1、-webkit-tap-highlight-color:rgba(255,255,255,0)可以同时屏蔽ios和android下点击元素时出现的阴影。
备注：transparent的属性值在android下无效。
2、-webkit-appearance:none可以同时屏蔽输入框怪异的内阴影，解决iOS下无法修改按钮样式，测试还发现一个小问题就是，加了上面的属性后，iOS下默认还是带有]]></description><category></category></item><item><title><![CDATA[Meta标签中的format-detection属性及含义]]></title><link>https://blog.youkuaiyun.com/purecss/article/details/47316631</link><guid>https://blog.youkuaiyun.com/purecss/article/details/47316631</guid><author>purecss</author><pubDate>Thu, 06 Aug 2015 14:45:17 +0800</pubDate><description><![CDATA[format-detection翻译成中文的意思是“格式检测”，顾名思义，它是用来检测html里的一些格式的，那关于meta的format-detection属性主要是有以下几个设置：

meta name="format-detection" content="telephone=no"
meta name="format-detection" content="email=no"
me]]></description><category></category></item><item><title><![CDATA[CSS自定义滚动条样式与颜色]]></title><link>https://blog.youkuaiyun.com/purecss/article/details/41008425</link><guid>https://blog.youkuaiyun.com/purecss/article/details/41008425</guid><author>purecss</author><pubDate>Tue, 11 Nov 2014 10:57:54 +0800</pubDate><description><![CDATA[滚动条样式一般情况我们都是使用默认的，但用在设计创意类网站可能滚动条样式都需要重新定义了，下面我来介绍CSS自定义滚动条样式与颜色方法。
IE的专有属性：]]></description><category></category></item><item><title><![CDATA[html中的电话号码]]></title><link>https://blog.youkuaiyun.com/purecss/article/details/27305543</link><guid>https://blog.youkuaiyun.com/purecss/article/details/27305543</guid><author>purecss</author><pubDate>Wed, 28 May 2014 09:13:24 +0800</pubDate><description><![CDATA[1. 打电话
在android的浏览器中，如果电话号码是 XXX-XXX-XXXX的型式的话，用户点击的时候，拨号面板会激活，但是如果不是这一特定的格式，那么拨号功能是不会启动的。其实可以通过链接的方式激活拨号面板。
(1) IPhone的写法
[phone_number] 就是电话号码了]]></description><category></category></item><item><title><![CDATA[关于响应式设计的三个理念]]></title><link>https://blog.youkuaiyun.com/purecss/article/details/25738465</link><guid>https://blog.youkuaiyun.com/purecss/article/details/25738465</guid><author>purecss</author><pubDate>Tue, 13 May 2014 20:32:02 +0800</pubDate><description><![CDATA[响应式设计(Responsive Design)无疑是当下最受关注的行业话题之一。所谓响应式设计,实质是网页设计的一种方法,基于CSS3的媒介查询特性使得网页适应不同设备,即根据设备的分辨率和缩放自动重新布局使网页适应各种不同的屏幕尺寸。随着越来越多的用户使用平板电脑和智能手机设备访问互联网,响应式设计这个概念空前白热化。对于开发人员来说,做好响应式设计的一个关键就是事先设想到他们的信息可能会以哪]]></description><category></category></item><item><title><![CDATA[15个jQueryMobile代码片段]]></title><link>https://blog.youkuaiyun.com/purecss/article/details/25539529</link><guid>https://blog.youkuaiyun.com/purecss/article/details/25539529</guid><author>purecss</author><pubDate>Sun, 11 May 2014 12:02:17 +0800</pubDate><description><![CDATA[1、在列表项和按钮上禁用文本截断
     如果你的列表项或者按钮上是一个很长的文本，它将会被jQuery Mobile自动截断，要禁用这个截断设置，需要在CSS选择器上添加属性"white-space:normal"。例如，在按钮禁止截断：
     .ui-btn-text{
          white-space:normal;
     }
     在列表项上禁止截断：
]]></description><category></category></item><item><title><![CDATA[jQuery Mobile页面跳转后未加载外部JS原因分析及解决]]></title><link>https://blog.youkuaiyun.com/purecss/article/details/25506339</link><guid>https://blog.youkuaiyun.com/purecss/article/details/25506339</guid><author>purecss</author><pubDate>Sat, 10 May 2014 20:51:47 +0800</pubDate><description><![CDATA[在使用jQuery Mobile进行Web开发中，当页面跳转时（pageA => pageB），在pageB中引用的JS并未成功运行。因为，JQM并为将整个页面加载到当前的dom中，仅将data-role="page"元素加入当前的dom中。

因此，在中引入的外部JS文件，以及标签外的JS均不能正常运行，刷新页面后方可加载成功。 

鉴于JQM这个特性不太可能主动更改，可以用两种方法来解]]></description><category></category></item><item><title><![CDATA[邮件HTML(EDM)]]></title><link>https://blog.youkuaiyun.com/purecss/article/details/11922049</link><guid>https://blog.youkuaiyun.com/purecss/article/details/11922049</guid><author>purecss</author><pubDate>Mon, 23 Sep 2013 10:50:29 +0800</pubDate><description><![CDATA[《邮件HTML(EDM)制作要注意的几点》

前阵子做了一个EDM，第一次做也没什么参考的，公司倒是有一些标准，但也是从网上来的吧。简单地总结一下吧：最好用Table和CSS，这样兼容比较好。什么Div，Span就少用了，甚至不用。其他的也没有什么要注意的了：

A．针对公司邮箱：页面最好以文字内容为主；针对ISP邮箱：页面最好以图片为主； B.不要使用“的CSS定位”的布局，因电子邮件不]]></description><category></category></item><item><title><![CDATA[apple相关网址]]></title><link>https://blog.youkuaiyun.com/purecss/article/details/9830399</link><guid>https://blog.youkuaiyun.com/purecss/article/details/9830399</guid><author>purecss</author><pubDate>Thu, 08 Aug 2013 09:13:17 +0800</pubDate><description><![CDATA[1. 豆瓣APP 推荐：
http://www.douban.com/app/?platform=ios]]></description><category></category></item><item><title><![CDATA[九宫图代码]]></title><link>https://blog.youkuaiyun.com/purecss/article/details/9818719</link><guid>https://blog.youkuaiyun.com/purecss/article/details/9818719</guid><author>purecss</author><pubDate>Wed, 07 Aug 2013 16:10:47 +0800</pubDate><description><![CDATA[代码一：

  
    
  
  
    
    	
     	dslkfa slkf; kd dfk aslkfd aslkf aklsd aklsdf j kfdjkdsaf sdkfa d
     
    
  
  
    
  
代码二：]]></description><category></category></item><item><title><![CDATA[滑块代码]]></title><link>https://blog.youkuaiyun.com/purecss/article/details/9818113</link><guid>https://blog.youkuaiyun.com/purecss/article/details/9818113</guid><author>purecss</author><pubDate>Wed, 07 Aug 2013 15:52:36 +0800</pubDate><description><![CDATA[Price range:]]></description><category></category></item><item><title><![CDATA[最美应用--收音机]]></title><link>https://blog.youkuaiyun.com/purecss/article/details/9812071</link><guid>https://blog.youkuaiyun.com/purecss/article/details/9812071</guid><author>purecss</author><pubDate>Wed, 07 Aug 2013 09:46:28 +0800</pubDate><description><![CDATA[推荐：蜻蜓.FM (免费无广告)
官方网站：http://qingting.fm/
应用图标：


功能介绍：http://qingting.fm/aboutus.html
应用截图：




----------------------------------
其它：
收音机 iRadio（付费）

应用图标：


应用截图：




咕咕收音机（免]]></description><category></category></item><item><title><![CDATA[常见编码格式]]></title><link>https://blog.youkuaiyun.com/purecss/article/details/9405627</link><guid>https://blog.youkuaiyun.com/purecss/article/details/9405627</guid><author>purecss</author><pubDate>Mon, 22 Jul 2013 10:28:03 +0800</pubDate><description><![CDATA[中文编码主要有以下四种： 

GB2312:简体中文编码，一个汉字占用2字节，在大陆是主要编码方式。当文章/网页中包含繁体中文、日文、韩文等等时，这些内容可能无法被正确编码。 

BIG5:繁体中文编码。主要在台湾地区采用。 

GBK:支持简体及繁体中文，但对他国非拉丁字母语言还是有问题。 

UTF-8:Unicode编码的一种。Unicode用一些基本的保留字符制定了三套编码]]></description><category></category></item><item><title><![CDATA[各浏览器模拟手机浏览器的方法]]></title><link>https://blog.youkuaiyun.com/purecss/article/details/9379963</link><guid>https://blog.youkuaiyun.com/purecss/article/details/9379963</guid><author>purecss</author><pubDate>Fri, 19 Jul 2013 14:21:20 +0800</pubDate><description><![CDATA[很多网站都通过User-Agent来判断浏览器类型，如果是3G手机，显示手机页面内容，如果是普通浏览器，显示普通网页内容。　　
谷歌Chrome浏览器，可以很方便地用来当3G手机模拟器。在Windows的【开始】-->【运行】中输入以下命令，启动谷歌浏览器，即可模拟相应手机的浏览器去访问3G手机网页：　　
谷歌Android：

chrome.exe --user-agent="Mozil]]></description><category></category></item><item><title><![CDATA[大型网站css样式命名和应用原则]]></title><link>https://blog.youkuaiyun.com/purecss/article/details/9241199</link><guid>https://blog.youkuaiyun.com/purecss/article/details/9241199</guid><author>purecss</author><pubDate>Thu, 04 Jul 2013 11:16:26 +0800</pubDate><description><![CDATA[1.    CSS属性应用原则。
原则1：首页DIV最小块级单位须设置高度；子页可能添加资料的DIV块不应设置高度;
原则2：css 样式继承关系必须控制在三层以内；
原则3： 对于浮动所产生的IE6BUG,在全局样式里面应定义.clear{clear:both;height;0px;overflow:  hidden;}
原则 4：所有页面文件的编码格式统一为：UTF-8;
 
2.]]></description><category></category></item><item><title><![CDATA[字体汇总]]></title><link>https://blog.youkuaiyun.com/purecss/article/details/9197079</link><guid>https://blog.youkuaiyun.com/purecss/article/details/9197079</guid><author>purecss</author><pubDate>Fri, 28 Jun 2013 15:49:27 +0800</pubDate><description><![CDATA[一 字体转换
1. 在线转换（许多字体因版权问题无法转换）
2. 简化的 web 字体(关于 Web 开放字体格式 WOFF)
3. 将TTF格式文字转换成eot格式
4. 免费转换字体格式：支持的格式有 ttf otf fon pfb dfont afm
5. 在线字体转换（推荐，需挂代理）
6. Webfont Converter/Generator Ware（WOFF Conve]]></description><category></category></item></channel></rss>