<?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>葡提子，英文建站博客 OnlyGrape &#187; DIV+CSS</title>
	<atom:link href="http://blog.onlygrape.com/category/divcss/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.onlygrape.com</link>
	<description>英文建站知识，英文站点推广，业界动态</description>
	<lastBuildDate>Wed, 28 Dec 2011 08:25:33 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>CSS em的运用以及与px的区别</title>
		<link>http://blog.onlygrape.com/css-em%e7%9a%84%e8%bf%90%e7%94%a8%e4%bb%a5%e5%8f%8a%e4%b8%8epx%e7%9a%84%e5%8c%ba%e5%88%ab/783</link>
		<comments>http://blog.onlygrape.com/css-em%e7%9a%84%e8%bf%90%e7%94%a8%e4%bb%a5%e5%8f%8a%e4%b8%8epx%e7%9a%84%e5%8c%ba%e5%88%ab/783#comments</comments>
		<pubDate>Sat, 28 May 2011 08:20:17 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[DIV+CSS]]></category>
		<category><![CDATA[英文网站建设]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[em]]></category>
		<category><![CDATA[px]]></category>

		<guid isPermaLink="false">http://blog.onlygrape.com/?p=783</guid>
		<description><![CDATA[最近在做Ipad的界面，领导需要用em的可缩放的字体来编写页面，因此又温习了一下em在网页中的具体运用，下面是网上查到的一些资料。
一般做网页我们都使用12px作为网站的主体字体大小。10px... ]]></description>
		<wfw:commentRss>http://blog.onlygrape.com/css-em%e7%9a%84%e8%bf%90%e7%94%a8%e4%bb%a5%e5%8f%8a%e4%b8%8epx%e7%9a%84%e5%8c%ba%e5%88%ab/783/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>最新设计潮流，jQuery与CSS3和HTML5酷站的欣赏</title>
		<link>http://blog.onlygrape.com/jquery-css3-html5/761</link>
		<comments>http://blog.onlygrape.com/jquery-css3-html5/761#comments</comments>
		<pubDate>Fri, 27 May 2011 07:39:55 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[DIV+CSS]]></category>
		<category><![CDATA[英文网站建设]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://blog.onlygrape.com/?p=761</guid>
		<description><![CDATA[thedestination.co.za

talkability.com.br

inflicted.nl

marcorotoli.com

undergrad.biola.edu

designroyale.com.au

cofamedia.com

ohmedia.ca



johnnybroccolii.com

tobiasahlin.com

quodis.com

doorstepdairy.com

foxtie.com

thinkbasic.com

jayhollywood.... ]]></description>
		<wfw:commentRss>http://blog.onlygrape.com/jquery-css3-html5/761/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>css 控制文字截断,文本溢出时显示省略标记</title>
		<link>http://blog.onlygrape.com/font-hidden/717</link>
		<comments>http://blog.onlygrape.com/font-hidden/717#comments</comments>
		<pubDate>Fri, 10 Sep 2010 07:13:44 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[DIV+CSS]]></category>
		<category><![CDATA[英文网站建设]]></category>
		<category><![CDATA[文字]]></category>
		<category><![CDATA[网站建设]]></category>

		<guid isPermaLink="false">http://blog.onlygrape.com/?p=717</guid>
		<description><![CDATA[直接上网上查找的资料，呵呵
一般的文字截断（适用于内联与块）：
.text-overflow {
display:block;/*内联对象需加*/
width:31em;/*指定宽度*/
word-break:keep-all;/* 不换行 */
white-space:nowrap;/* 强制在同一行... ]]></description>
		<wfw:commentRss>http://blog.onlygrape.com/font-hidden/717/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>文字的右上角显示TM的代码</title>
		<link>http://blog.onlygrape.com/tm/715</link>
		<comments>http://blog.onlygrape.com/tm/715#comments</comments>
		<pubDate>Fri, 10 Sep 2010 06:19:31 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[DIV+CSS]]></category>
		<category><![CDATA[英文网站建设]]></category>
		<category><![CDATA[网站建设]]></category>

		<guid isPermaLink="false">http://blog.onlygrape.com/?p=715</guid>
		<description><![CDATA[今天写公司名字上面需要加TM，上网查了一下原来很简单。
注册公司的右上角会有个TM标志，在公司后面加入以下代码即可实现：
第一种方法：&#60;SUP&#62;TM&#60;/SUP&#62;
第二种方法：在文字后面... ]]></description>
		<wfw:commentRss>http://blog.onlygrape.com/tm/715/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>CSS自适应宽度圆角按钮做法</title>
		<link>http://blog.onlygrape.com/css%e8%87%aa%e9%80%82%e5%ba%94%e5%ae%bd%e5%ba%a6%e5%9c%86%e8%a7%92%e6%8c%89%e9%92%ae%e5%81%9a%e6%b3%95/694</link>
		<comments>http://blog.onlygrape.com/css%e8%87%aa%e9%80%82%e5%ba%94%e5%ae%bd%e5%ba%a6%e5%9c%86%e8%a7%92%e6%8c%89%e9%92%ae%e5%81%9a%e6%b3%95/694#comments</comments>
		<pubDate>Fri, 18 Jun 2010 09:45:24 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[DIV+CSS]]></category>
		<category><![CDATA[英文网站建设]]></category>
		<category><![CDATA[圆角按钮]]></category>

		<guid isPermaLink="false">http://blog.onlygrape.com/?p=694</guid>
		<description><![CDATA[之前做圆角，一直是切适当大小的背景图片切换的，这么久了才发现这简单的自适应圆角做法，自己也写一下吧，做个笔记吧。本打算自己写一个，LIO的博客写的很清楚，就直接转载了
按钮图... ]]></description>
		<wfw:commentRss>http://blog.onlygrape.com/css%e8%87%aa%e9%80%82%e5%ba%94%e5%ae%bd%e5%ba%a6%e5%9c%86%e8%a7%92%e6%8c%89%e9%92%ae%e5%81%9a%e6%b3%95/694/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>position属性以及应用</title>
		<link>http://blog.onlygrape.com/position-2/684</link>
		<comments>http://blog.onlygrape.com/position-2/684#comments</comments>
		<pubDate>Thu, 17 Jun 2010 05:35:43 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[DIV+CSS]]></category>
		<category><![CDATA[英文网站建设]]></category>
		<category><![CDATA[position]]></category>

		<guid isPermaLink="false">http://blog.onlygrape.com/?p=684</guid>
		<description><![CDATA[之前也用过position这个代码，一直没有很好的理解什么意思，今天遇到一个模板好多模块都是用的这个属性安排的位置，因此在网上查了资料，理解一下position属性
语法：
position : static &#124; abso... ]]></description>
		<wfw:commentRss>http://blog.onlygrape.com/position-2/684/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>中小企业网站优化关键字的选择</title>
		<link>http://blog.onlygrape.com/keyword-selection/656</link>
		<comments>http://blog.onlygrape.com/keyword-selection/656#comments</comments>
		<pubDate>Wed, 08 Apr 2009 08:34:13 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[DIV+CSS]]></category>
		<category><![CDATA[英文网站建设]]></category>

		<guid isPermaLink="false">http://blog.onlygrape.com/?p=656</guid>
		<description><![CDATA[现在很多企业已经意识到建设网站对企业推广的重要性，部分企业进行了相关的优化，让企业的产品或者能够提供的服务在搜索引擎上得到较好的排名。企业网站无论以前建的框架网站，还是... ]]></description>
		<wfw:commentRss>http://blog.onlygrape.com/keyword-selection/656/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>CSS clip剪裁矩形属性介绍</title>
		<link>http://blog.onlygrape.com/css-clip/654</link>
		<comments>http://blog.onlygrape.com/css-clip/654#comments</comments>
		<pubDate>Fri, 27 Mar 2009 05:45:05 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[DIV+CSS]]></category>
		<category><![CDATA[英文网站建设]]></category>

		<guid isPermaLink="false">http://blog.onlygrape.com/?p=654</guid>
		<description><![CDATA[clip属性是一个比较有用的属性，但往往在实际应用中，并不多见，在应用clip属性需要注意的两点：
　　一、clip属性必须和定位属性postion一起使用才能生效。
　　二、clip裁切的计算坐标都是... ]]></description>
		<wfw:commentRss>http://blog.onlygrape.com/css-clip/654/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>提高CSS渲染速度的编码方法与建议</title>
		<link>http://blog.onlygrape.com/css-rendering-speed/649</link>
		<comments>http://blog.onlygrape.com/css-rendering-speed/649#comments</comments>
		<pubDate>Mon, 02 Mar 2009 02:52:18 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[DIV+CSS]]></category>
		<category><![CDATA[英文网站建设]]></category>

		<guid isPermaLink="false">http://blog.onlygrape.com/?p=649</guid>
		<description><![CDATA[网页打开与浏览速度受着多方面因素的影响，客户网速是一个方面，另外网站开发的编码方式也将对用户的电脑产生负担，在之前的文章中提过这方面的内容。这篇文章主要写的提高网页在客... ]]></description>
		<wfw:commentRss>http://blog.onlygrape.com/css-rendering-speed/649/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>display:inline在网页设计中的几个基本用途</title>
		<link>http://blog.onlygrape.com/display-inline-purpose/614</link>
		<comments>http://blog.onlygrape.com/display-inline-purpose/614#comments</comments>
		<pubDate>Fri, 26 Dec 2008 01:59:36 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[DIV+CSS]]></category>
		<category><![CDATA[英文网站建设]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[网站建设]]></category>

		<guid isPermaLink="false">http://blog.onlygrape.com/?p=614</guid>
		<description><![CDATA[很多网站的代码中经常可以看到&#60;li&#62;&#60;/li&#62;标签内设置了float:left又设置display:inline。
既然设置了float:left，那标签内的元素都会向左浮动了。为什么又要设置display:inline。
既然设置了float... ]]></description>
		<wfw:commentRss>http://blog.onlygrape.com/display-inline-purpose/614/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

