<?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; CSS</title>
	<atom:link href="http://digegg.com/article/tag/css/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>IE浏览器下超链接焦点虚线框范围错位的修正方法</title>
		<link>http://digegg.com/article/624.htm</link>
		<comments>http://digegg.com/article/624.htm#comments</comments>
		<pubDate>Fri, 19 Mar 2010 07:14:15 +0000</pubDate>
		<dc:creator>Yusn</dc:creator>
				<category><![CDATA[使用教程]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[浏览器]]></category>

		<guid isPermaLink="false">http://www.anysns.com/?p=624</guid>
		<description><![CDATA[不知道你有没有遇到过这样的问题：Internet Explorer浏览器下超链接a标签的焦点范围同hover范围错位，表现在超链接a标签的焦点范围偏离应有的热点区。这个问题只发生在IE浏览器身上，包括IE6、7、8；除IE之外的Firefox、Opera、Safari和Chrome等浏览器均不存在这样的问题。不知道如何使用css控制超链接虚线框的范围，对于这个问题我是这样解决的： IE下超链接A标签焦点虚线范围错位的表现： 如上所述，次问题紧紧出现在IE浏览器下，关于具体的表现上面说的可能不够清楚，看下面的截图就会明白是怎么回事了，注意看鼠标下面虚线的范围： 在ie下超链接a焦点虚线框比应有的范围缩小了 这个是我在国内Google爱好者谷奥网站底部截取的图片，这张图对问题的说明的可能更直接和清楚，有兴趣可以去看一下 解决方法： 关于这个a标签焦点虚线框的范围问题困扰我好长时间了，昨天在无意间竟然发现解决这个问题的方法竟是如此的简单，只要在对应的css标签中加上float熟悉就可以解决了，但是float后面的参数只能是left或right，即： float:left; 或 float:right; 下图是修正后的效果也是正常情况下应该出现的效果，我不知道这个是不是正确的方法，但是通过这个方法问题被解决了&#8230; 写在最后： 我不知道是何原因致使IE下超链接A标签焦点虚线范围错位，或许是css写的有问题，还是其它地方有冲突&#8230;我是在制作Wordpress主题时发现这个情况的，如果你也正在使用Wordpress分页插件：Wp-PageNavi并且出现了同样的问题，那么你只需要将“pagenavi-css.css”文件中的“.wp-pagenavi a”、“.wp-pagenavi span.extend”、“.wp-pagenavi span.current”和“.wp-pagenavi span.pages”加上“float:left;”属性就可以解决问题了。 如果谁知道造成问题的真正原因或有更好的解决办法请不吝指教，谢谢！]]></description>
		<wfw:commentRss>http://digegg.com/article/624.htm/feed</wfw:commentRss>
		<slash:comments>3</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>WordPress美化技巧 &#8211; 表格的美化</title>
		<link>http://digegg.com/article/570.htm</link>
		<comments>http://digegg.com/article/570.htm#comments</comments>
		<pubDate>Thu, 26 Nov 2009 08:26:30 +0000</pubDate>
		<dc:creator>Yusn</dc:creator>
				<category><![CDATA[互联网]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[美化]]></category>

		<guid isPermaLink="false">http://www.anysns.com/?p=570</guid>
		<description><![CDATA[玩Wordpress好长时间了期间和很多同学交流过一些看法和认识，积累了一点经验，写这篇日志来谈一下Wordpress主题表格的美化技巧。对于HTML表格的认识我们最熟悉的就是&#60;table&#62;&#60;/table&#62;、&#60;tr&#62;&#60;/tr&#62;、&#60;th&#62;&#60;/th&#62;这三对Html标签，而&#60;thead&#62;、&#60;tbody&#62;、&#60;caption&#62;和&#60;th&#62;等却时常被我们忽视，下面就来看看如何使用css样式来美化Wordpress中的表格。 下面不妨使用这些标记写一个表格，如下： &#60;table border=&#8221;1&#8243; summary=&#8221;summary定义的是摘要&#8221;&#62; &#60;caption&#62;caption定义的是首部说明&#60;/caption&#62; &#60;thead&#62; &#60;tr&#62; &#60;th&#62;Month&#60;/th&#62; &#60;th&#62;Savings&#60;/th&#62; &#60;/tr&#62; &#60;/thead&#62; &#60;tbody&#62; &#60;tr&#62; &#60;th&#62;January&#60;/th&#62; &#60;td&#62;$100&#60;/td&#62; &#60;/tr&#62; &#60;tr&#62; &#60;th&#62;February&#60;/th&#62; &#60;td&#62;$80&#60;/td&#62; &#60;/tr&#62; &#60;/tbody&#62; &#60;tfoot&#62; &#60;tr&#62; &#60;th&#62;Sum&#60;/th&#62; &#60;td&#62;$180&#60;/td&#62; &#60;/tr&#62; &#60;/tfoot&#62;&#60;/table&#62;  说明： th定义表格内的表头单元格，th 元素内部的文本通常会呈现为粗体。 tr 标签定义 HTML 表格中的行。 tr 元素包含一个或多个 th 或 td 元素。 td 标签定义 HTML 表格中的标准单元格。 HTML 表格有两类单元格： 表头单元 &#8211; 包含头部信息（由 th 元素创建） 标准单元 &#8211; 包含数据（由 [...]]]></description>
		<wfw:commentRss>http://digegg.com/article/570.htm/feed</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>WordPress美化技巧:如何修改或自定义列表项目li标签前的图标</title>
		<link>http://digegg.com/article/564.htm</link>
		<comments>http://digegg.com/article/564.htm#comments</comments>
		<pubDate>Tue, 17 Nov 2009 02:34:30 +0000</pubDate>
		<dc:creator>Yusn</dc:creator>
				<category><![CDATA[使用教程]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[美化]]></category>

		<guid isPermaLink="false">http://www.anysns.com/?p=564</guid>
		<description><![CDATA[不知道你在查看自己和别人的日志时有没有发现：有的日志中列表项目&#60;li&#62;标签前是一个空心圆，有的是实心的小方块，有的是阿拉伯数字&#8230;今天就来看一下Wordpress上如何修改&#60;li&#62; 标签前的图标，其实不光是Wordpress，只要是使用css样式的程序都可以，如：Discuz、Z-blog、pjblog等等。 &#60;li&#62;标签简介： &#60;li&#62;标签可以用在有序列表&#60;ol&#62;标签和无序列表&#60;ul&#62;标签中使用，也就是说如果把&#60;li&#62; 放在&#60;ol&#62;中，可能就会出现1、2、3这样的顺序；如果放在&#60;ul&#62;中，则可能是一系列的小原点或小方块； 其实不管是放在&#60;ol&#62;里还在&#60;ul&#62;里，使用的都只是一个css属性：“list-style-type”： list-style-type，可适用的属性在css2.1版中包括 disc &#124; circle &#124; square &#124; decimal &#124; decimal-leading-zero &#124; lower-roman &#124; upper-roman &#124; lower-greek &#124; lower-latin &#124; upper-latin &#124; armenian &#124; georgian &#124; none &#124; inherit 值 描述 disc 实心圆 默认 circle 空心圆 square 实心方块 decimal 数字 lower-roman 小写罗马数字(i, ii, iii, iv, v, 等) upper-roman 大写罗马数字(I, II, III, [...]]]></description>
		<wfw:commentRss>http://digegg.com/article/564.htm/feed</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
	</channel>
</rss>
