<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>吓我一跳 &#187; web</title>
	<atom:link href="http://digegg.com/article/tag/web/feed" rel="self" type="application/rss+xml" />
	<link>http://digegg.com</link>
	<description>分享新鲜，传递快乐</description>
	<lastBuildDate>Tue, 27 Jul 2010 14:43:50 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>css中英文字母和汉字行高不一样的解决办法(续)</title>
		<link>http://digegg.com/article/576.htm</link>
		<comments>http://digegg.com/article/576.htm#comments</comments>
		<pubDate>Fri, 11 Dec 2009 04:09:39 +0000</pubDate>
		<dc:creator>Yusn</dc:creator>
				<category><![CDATA[使用教程]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[hack]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.anysns.com/article/576.htm</guid>
		<description><![CDATA[由于我这里的网络问题最近无法登陆博客，所以没更新日志，上一篇日志提到“css中英文字母和汉字行高不一样的解决办法”，里面的做法是将字体设置为simsun，即：font-family:simsun；这是个不得已而为之的下策，后来我发现了一个更好办法： 由于只存在于IE8中（不知道这是不是IE8的bug），所以就非常照顾地为IE8做了hack，css代码如下： *+html .id_or_classic_name { padding:14px 15px 12px; max-height:21px; } 这个hack的目的就是单独为IE8设置一个max-height属性，即设置元素的最大高度，所有主流浏览器都支持max-height属性，所以做hack的时候专门针对IE8：*+html空格#id 或.class&#8221;，空格不能省。当然了这个max-height值应该是所有情况下最小的行高高度，使用的时候请根据具体情况修改。 与前一篇提到的设置字体相比这个是最完美的解决办法。]]></description>
		<wfw:commentRss>http://digegg.com/article/576.htm/feed</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>css中英文字母和汉字行高不一样的解决办法[上]</title>
		<link>http://digegg.com/article/575.htm</link>
		<comments>http://digegg.com/article/575.htm#comments</comments>
		<pubDate>Tue, 08 Dec 2009 04:24:15 +0000</pubDate>
		<dc:creator>Yusn</dc:creator>
				<category><![CDATA[使用教程]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.anysns.com/?p=575</guid>
		<description><![CDATA[最近在写一个css的时候遇到一个问题：英文字母和汉字的行高不一样，导致在全汉字、全英文字母以及汉字字母混合时设置好的margin或padding属性出现偏差&#8230;当然这种情况之存在于IE浏览器，Safari、Google Chrome、Firefox、Opera均不存在类似的问题 产生的原因： 全汉字的时候： 一般情况在选中文本可以看出汉字是上对齐的（具体表现是选中字体，从背景上看上去下面多了一部分，用css术语讲就是产生了padding-bottom属性，为了说明问题暂且就说存在padding属性吧）。 全英文字母的时候： 类似于全汉字在全英文的情况下是下对齐，会出现类似padding-top的属性。不管是全汉字还是全英文这时候的行高是一样的。 字母汉字混合： 但是如果把汉字和英文字母混合在一起的时候就可以看出来差别了，这时候再选中所有字体就可以看出来这时候是的补白是padding=padding-top+padding-bottom,也就是会多出来一个padding-top（也可以说是padding-bottom），一般字体在12px的情况下，多出来的部分大概是2px。 解决办法： 更改字体： 本来想使用line-height固定的，但是line-height是每一行的基线与基线之间的距离，又因为汉字的基线和英文字母是不同的，所以起不到作用，再说如果是用作导航菜单只有一行还是没有用的。 这样只有从字体上下手了，还真有一种字体可以解决这个问题，这个字体就是“simsun”，“simsun”就是传说已久的“宋体”，在windows字体文件夹下“宋体”的文件名就是“simsun”，他的兄弟“simhei”就是通常说的“黑体”。 所以，解决办法就是把font-family设置成“simsun”，这可能会损失一些效果，没办法如果谁有更好的解决办法可以指教一下。 设置最大高度： 详细请看这里]]></description>
		<wfw:commentRss>http://digegg.com/article/575.htm/feed</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>博客“吓我一跳”一周年了</title>
		<link>http://digegg.com/article/568.htm</link>
		<comments>http://digegg.com/article/568.htm#comments</comments>
		<pubDate>Fri, 27 Nov 2009 09:32:40 +0000</pubDate>
		<dc:creator>Yusn</dc:creator>
				<category><![CDATA[个人日志]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[个人]]></category>
		<category><![CDATA[博客]]></category>

		<guid isPermaLink="false">http://www.anysns.com/?p=568</guid>
		<description><![CDATA[“吓我一跳”这个博客是我在上学的时候建的，确切地讲是2008年10月16日，搭建这个博客的起因是看到蛋蛋在捣鼓他的pjblog，受他的影响我也开始练习捣鼓自己的pjblog。蛋蛋那年暑假在他的pjblog上投放阿里妈妈广告挣了200块钱，这一点是我建这个博客的最直接原因，那时候我还寄日进斗金的希望于这个博客&#8230;现在回头想想当时真是可笑&#8230; 2008年10月16日购买了域名csslog.com.cn在蛋蛋不用的一个空间上装上了我自己的pjblog，取了个连自己都不知道是何用意的名称“PROZ”。起初别提多有尽头搞这个东西了，天天熬夜找些乱七八糟的东西往博客上堆，等人来评论，每天上网第一件做的事情就是打开博客看看有没有留言，每天做的最多的事情就是刷博客主页看有没有人留言，10天半个月才终于等到到一条留言，欣喜若狂，留言更是每条必回&#8230;于此同步进行的就是为博客申请阿里妈妈的广告，恰巧从那时开始阿里妈妈对申请的网站审核严格起来，我更是屡败屡战、不厌其烦地一遍遍重复申请&#8230;玩博客将近一个月才发现有PageRank这个东西，天天打开站长工具查自己博客的PR，每次都是大零蛋&#8230; 2008年11月24日我把博客转到了Wordpress，2008年12月3日启用了现在这个域名anysns.com，原来的csslog.com.cn做了301重定后继续使用，换了新域名之后我立马就通过了阿里妈妈的广告申请，之所以这么快原因很简单：新域名之前有注册记录。这之后才知道有SEO这个东西，然后想到给博客一个明确的主题，想来想去还是没想个明确的主题，写的内容也是东一句西一句，一直混到现在&#8230; 2009年年初我终于通过了梦寐的Google Adsense申请，到现在加上阿里妈妈和自定义广告的收入也不过300块钱，刚好够把博客养活。 2009年10月更换了现在的主题，顺便也把博客名字改成“吓我一跳”，跟我的网名一样 今年10月中旬的一天我一度想把博客给卖掉，我在一些论坛打了广告，现在还能搜索到，其中有一个重庆的二笔主动找我购买，对方是个大学生，我依依不舍地等对方出价，没想到这个二笔竟然出20块钱，说看中的PR，操，我的PR才2，我日你奶奶的，气得我心疼，我没好气地回复对方“看中PR你买应该去买Google或者去买工信部的备案网站的域名&#8230;”，太他妈Fuck了，买个cn域名还要18快呢，之前那个csslog.com.cn还200快卖给了广东的一个朋友。 从09年元旦那次PR更新开始，这个博客的PR一直都是2从来没有变过，实在是太稳定了，中间有几个页面的PR竟然也达到了2，首页PR依然扛着2站在原地&#8230;关于流量也就那样，每天挣扎在在500-1000之间，近46%的流量来自Google，30%的来自百度，剩下的基本都是推介网站，基本没有直接流量来源&#8230; 现在觉得写博客就是娱乐一下，指望他日进斗金做梦吧，现在写这篇日志不知道时间对不对，也就是这几天，暂且在此一记吧。最后来一句“还要博客下去&#8230;”]]></description>
		<wfw:commentRss>http://digegg.com/article/568.htm/feed</wfw:commentRss>
		<slash:comments>25</slash:comments>
		</item>
		<item>
		<title>使用图片做网站标题时如何做到seo优化</title>
		<link>http://digegg.com/article/563.htm</link>
		<comments>http://digegg.com/article/563.htm#comments</comments>
		<pubDate>Sun, 15 Nov 2009 15:15:38 +0000</pubDate>
		<dc:creator>Yusn</dc:creator>
				<category><![CDATA[个人日志]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[seo]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.anysns.com/?p=563</guid>
		<description><![CDATA[前几天把博客的文字标题换成了图片logo，没有直接在Wordpress主题文件的header.php中直接用&#60;img&#62;插入图片logo，然后再为其加上超链接，这样不利于博客的seo；而是，在css样式表(style.css)中找到博客标题所应用的div样式(一般是#title或.title)，为其添加a和a:hover行为，再将logo图片作为背景添加上去，最后再加上text-indent属性，代码如下： #title a {     margin:5px 10px;     background:url(images/logo.gif) no-repeat 0 0;       width:108px;     height:50px;     display: block;     text-indent: -9999px;     outline: none; }            添加“text-indent”属性的目的就是要隐藏文字标题，让logo图片完美显示，不然的话文字会显示在图片上面，很影响美观。 虽然，网站标题对应的文字在浏览器上被隐藏了，但实际上对于搜索引擎来说它看到的仍然是标题所对应的文字，看不到图片logo，而我们自己在浏览器上看到的图片对搜索引擎来说等于空白，可以忽略不计，不相信的话可以在手机上使用UCWeb浏览器打开本站，头部显示的不是logo图片，而是“吓我一跳”四个文字。或者查看本博客的源文件，查找一下本博客的logo，并没有，只能找到“吓我一跳”这个标题。 写在最后，不管是对网站访问者来说，还是对搜索引擎来说，这样做都是“味道棒极了”，这种“他好我也好”的事情我们又何乐而不为呢！不管是Wordpress用户还是其他网站，这都是一个非常值得关注的问题。]]></description>
		<wfw:commentRss>http://digegg.com/article/563.htm/feed</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>ie6下如何控制图片的尺寸大小</title>
		<link>http://digegg.com/article/558.htm</link>
		<comments>http://digegg.com/article/558.htm#comments</comments>
		<pubDate>Mon, 09 Nov 2009 09:25:37 +0000</pubDate>
		<dc:creator>Yusn</dc:creator>
				<category><![CDATA[个人日志]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[width]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.anysns.com/?p=558</guid>
		<description><![CDATA[今天早上使用IETester测试正在使用的Wordpress主题时发现图片出问题，大于510px的图片在ie6下无法被缩放，原因是max-width对ie7、ie8、Firefox、Chrome、Opera却有效，但对ie6却无效，ie6真他妈的是一个让人头痛的东西，现在认同ie6是失败品的观点了&#8230;虽然ie6很惹我讨厌，但网站50%以上的流量都来自于ie6，又不得不重视ie6，找了半天找到两种办法在ie6下限制图片尺寸： css代码： 单独对ie定义： .post .content img { max-width:510px; width:expression(document.body.clientWidth&#62;510?&#8221;510px&#8221;:&#8221;auto&#8221;); overflow:hidden; } max-width是对非ie6浏览器设置的；下面的expression是对ie6设置的，作用是判断只要是大于510px的图片就被限制到510px。 觉得这个方法很好， 如果网站的所有图片都是同一个尺寸那就好办了： 直接给个固定宽度就行了 使用js代码：[这个是无光之影给我的代码] DrawImage = function(ImgD,FitWidth,FitHeight){    var image=new Image();        image.src=ImgD.src;        if(image.width&#62;0 &#38;&#38; image.height&#62;0){            if(image.width/image.height&#62;= FitWidth/FitHeight){                if(image.width&#62;FitWidth){                    ImgD.width=FitWidth;                    ImgD.height=(image.height*FitWidth)/image.width;             }else{                    ImgD.width=image.width;    ImgD.height=image.height;                }    }    else{                if(image.height&#62;FitHeight){    ImgD.height=FitHeight; ImgD.width=(image.width*FitHeight)/image.height; }else{ [...]]]></description>
		<wfw:commentRss>http://digegg.com/article/558.htm/feed</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>26个Tango风格的Web设计用icons</title>
		<link>http://digegg.com/article/557.htm</link>
		<comments>http://digegg.com/article/557.htm#comments</comments>
		<pubDate>Mon, 09 Nov 2009 04:36:56 +0000</pubDate>
		<dc:creator>Yusn</dc:creator>
				<category><![CDATA[精品资源]]></category>
		<category><![CDATA[icon]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[图标]]></category>

		<guid isPermaLink="false">http://www.anysns.com/?p=557</guid>
		<description><![CDATA[搭建这个Blog接触了好多Wordpress主题，从众多Wordpress主题中采集了一些Tango风格的图标(icons)，每个图标都被转换成了.bmp &#124; .gif &#124; .png &#124; .ico &#124; .icns &#124; .tiff六种格式和彩色(Colored)、黑白(Grey)两种色调，做web设计的同学可能会用得到，所以拿出来分享一下，喜欢的同学可以下载使用&#8230; 下载地址： 点此下载]]></description>
		<wfw:commentRss>http://digegg.com/article/557.htm/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
