<?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; DIV+CSS</title>
	<atom:link href="http://www.iphpmysql.cn/category/divcss/feed" rel="self" type="application/rss+xml" />
	<link>http://www.iphpmysql.cn</link>
	<description>存着IT的理性,掺杂文学的浪漫…</description>
	<lastBuildDate>Fri, 06 Jan 2012 00:44:31 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Doctype声明不写，导致Div的样式在IE6中不居中</title>
		<link>http://www.iphpmysql.cn/doctype%e5%a3%b0%e6%98%8e%e4%b8%8d%e5%86%99%ef%bc%8c%e5%af%bc%e8%87%b4div%e7%9a%84%e6%a0%b7%e5%bc%8f%e5%9c%a8ie6%e4%b8%ad%e4%b8%8d%e5%b1%85%e4%b8%ad.html</link>
		<comments>http://www.iphpmysql.cn/doctype%e5%a3%b0%e6%98%8e%e4%b8%8d%e5%86%99%ef%bc%8c%e5%af%bc%e8%87%b4div%e7%9a%84%e6%a0%b7%e5%bc%8f%e5%9c%a8ie6%e4%b8%ad%e4%b8%8d%e5%b1%85%e4%b8%ad.html#comments</comments>
		<pubDate>Mon, 31 May 2010 04:14:13 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[DIV+CSS]]></category>

		<guid isPermaLink="false">http://www.iphpmysql.cn/doctype%e5%a3%b0%e6%98%8e%e4%b8%8d%e5%86%99%ef%bc%8c%e5%af%bc%e8%87%b4div%e7%9a%84%e6%a0%b7%e5%bc%8f%e5%9c%a8ie6%e4%b8%ad%e4%b8%8d%e5%b1%85%e4%b8%ad.html</guid>
		<description><![CDATA[]]></description>
		<wfw:commentRss>http://www.iphpmysql.cn/doctype%e5%a3%b0%e6%98%8e%e4%b8%8d%e5%86%99%ef%bc%8c%e5%af%bc%e8%87%b4div%e7%9a%84%e6%a0%b7%e5%bc%8f%e5%9c%a8ie6%e4%b8%ad%e4%b8%8d%e5%b1%85%e4%b8%ad.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Input的type=image和type=submit</title>
		<link>http://www.iphpmysql.cn/input%e7%9a%84typeimage%e5%92%8ctypesubmit.html</link>
		<comments>http://www.iphpmysql.cn/input%e7%9a%84typeimage%e5%92%8ctypesubmit.html#comments</comments>
		<pubDate>Thu, 15 Apr 2010 06:12:54 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[DIV+CSS]]></category>

		<guid isPermaLink="false">http://www.iphpmysql.cn/input%e7%9a%84typeimage%e5%92%8ctypesubmit.html</guid>
		<description><![CDATA[根据html标准，input的type=image 的涵义与type=submit相同，只是可以用图片替代提交的按钮。所以type=image直接触发onsubmit 事件。利用图片提交表单有两种方式: 1.&#60;input src=”xxx.gif”&#62; 用这种方式提交会发生表单提交两次的现象，经常会造成表单元素被重复提交，数据库被写入异常！！ 原因:HTML 中 image的描述是“创建一个图像控件，该控件单击后将导致表单立即被提交”。 2.&#60;img src=”xxx.gif”&#62; 这种方式提交是正常的没有问题， 所以，请少用第一种方式提交数据尤其是在struts的应用中 注!无论哪种方式提交都在包含在&#60;form&#62;里面。]]></description>
		<wfw:commentRss>http://www.iphpmysql.cn/input%e7%9a%84typeimage%e5%92%8ctypesubmit.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>FF下margin-top不起作用分析</title>
		<link>http://www.iphpmysql.cn/ff%e4%b8%8bmargin-top%e4%b8%8d%e8%b5%b7%e4%bd%9c%e7%94%a8%e5%88%86%e6%9e%90.html</link>
		<comments>http://www.iphpmysql.cn/ff%e4%b8%8bmargin-top%e4%b8%8d%e8%b5%b7%e4%bd%9c%e7%94%a8%e5%88%86%e6%9e%90.html#comments</comments>
		<pubDate>Mon, 29 Mar 2010 02:50:16 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[DIV+CSS]]></category>

		<guid isPermaLink="false">http://www.iphpmysql.cn/?p=541</guid>
		<description><![CDATA[常常可以碰到这样一个问题，就是外层DIV设置了高与宽，内层DIV如果设置maring-top不起作用（FIREFOX和IE6中测试），原因大致是内层div没有获得layout。如下面的代码： &#60;style&#62; .aDiv {background:red; width:300px; height:300px; } .bDiv {background:green; position:relative; width:100px; height:20px; margin-top:10px;} .cDiv {background:black; position:relative; width:100px; height:20px;} &#60;/style&#62; &#60;div&#62; &#60;div&#62;&#60;/div&#62; &#60;div&#62;&#60;/div&#62; &#60;/div&#62; 测试发现，bDiv的margin-top不起作用，仍是0px的显示效果。如果在firefox中用firebug查看，可以看到margin-top是有值的，为10px;解决问题如下： 1、把margin-top改成padding-top,不过,前提是内层的Div没有设置边框 2、给外层的Div加padding-top 3、给外层DIV加： A、float: left或right B、position: absolute C、display: inline-block或table-cell或其他 table 类型 D、overflow: hidden或auto 比如，可以更改上述代码如下： &#60;style&#62; .a {background:red; width:300px; height:300px; float:left; } .b {background:green; position:relative; width:100px; height:20px; margin:10px;} .c {background:black; position:relative; width:100px; height:20px;} .clear{ clear:both;} &#60;/style&#62; [...]]]></description>
		<wfw:commentRss>http://www.iphpmysql.cn/ff%e4%b8%8bmargin-top%e4%b8%8d%e8%b5%b7%e4%bd%9c%e7%94%a8%e5%88%86%e6%9e%90.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Css中的*星号通配符</title>
		<link>http://www.iphpmysql.cn/css%e4%b8%ad%e7%9a%84%e6%98%9f%e5%8f%b7%e9%80%9a%e9%85%8d%e7%ac%a6.html</link>
		<comments>http://www.iphpmysql.cn/css%e4%b8%ad%e7%9a%84%e6%98%9f%e5%8f%b7%e9%80%9a%e9%85%8d%e7%ac%a6.html#comments</comments>
		<pubDate>Thu, 01 Oct 2009 08:57:20 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[DIV+CSS]]></category>

		<guid isPermaLink="false">http://www.iphpmysql.cn/?p=349</guid>
		<description><![CDATA[*号就是说是指定为IE6和更低版本来使用。非IE的浏览器就不认得。原理是：HTML元素被认为是网页上的第一个元素，即根元素，但是IE7以下的所有版本有一个匿名的根元素，它包围着HTML元素，可以使用通用选择器指定包围在另一个元素中的HTML元素。因为这种情况只在IE6和更低版本中出现，所以可以将特定的规则应用于这些浏览器。比方说 * html{font-size:small;} 例子：IE6以下将1象素的点划线错误的显示成虚线，为了避免这个虚线，可以将链接上的鼠标停留边框样式设置成点线，但在IE中复盖这个规则，让它们显示成实线。可以写成： a:hover{ border:1px dotted black; } * html a:hover{ border-style:solid; } 结论：在任何常规的CSS规则开头添加一个通用选择器和一个HTML类型选择器。这样就会对除IE之外的所有浏览器隐藏这个规则。另外再补充点: 1. &#62;是子选择符,用于匹配直接后辈,孙辈就不匹配了。IE6 不支持，兴例： li:hover&#62;a 子对象选择符，只对儿子起作用，对孙子不起作用。 li:hover a 后代选择符，对儿子，对孙子，对后代都起作用。 2.*html{font-size:small;}, IE以外的浏览器不认得。 *{font-size:small;}  是指*是通用符，把所有字体都默认置小。]]></description>
		<wfw:commentRss>http://www.iphpmysql.cn/css%e4%b8%ad%e7%9a%84%e6%98%9f%e5%8f%b7%e9%80%9a%e9%85%8d%e7%ac%a6.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS Hack – IE注释篇</title>
		<link>http://www.iphpmysql.cn/css-hack-%e2%80%93-ie%e6%b3%a8%e9%87%8a%e7%af%87.html</link>
		<comments>http://www.iphpmysql.cn/css-hack-%e2%80%93-ie%e6%b3%a8%e9%87%8a%e7%af%87.html#comments</comments>
		<pubDate>Fri, 25 Sep 2009 02:25:59 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[DIV+CSS]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Hack]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[注释]]></category>
		<category><![CDATA[版本]]></category>

		<guid isPermaLink="false">http://www.iphpmysql.cn/?p=344</guid>
		<description><![CDATA[IE特有注释格式： &#60;!&#8211;[if *condition IE *version]&#62;contend&#60;![endif]&#8211;&#62; *condition 值说明： gt: greater than，选择条件版本以上版本，不包含条件版本 lt: less than，选择条件版本以下版本，不包含条件版本 gte: greater than or equal，选择条件版本以上版本，包含条件版本 lte : less than or equal，选择条件版本以下版本，包含条件版本 &#60;!&#8211;[if !IE]&#62;&#60;!&#8211;&#62; 除IE外都可识别 &#60;!&#8211;&#60;![endif]&#8211;&#62; &#60;!&#8211;[if IE]&#62; 所有的IE可识别 &#60;![endif]&#8211;&#62; &#60;!&#8211;[if IE 5.0]&#62; 只有IE5.0可以识别 &#60;![endif]&#8211;&#62; &#60;!&#8211;[if IE 5]&#62; 仅IE5.0与IE5.5可以识别 &#60;![endif]&#8211;&#62; &#60;!&#8211;[if gt IE 5.0]&#62; IE5.0以及IE5.0以上版本都可以识别 &#60;![endif]&#8211;&#62; &#60;!&#8211;[if IE 6]&#62; 仅IE6可识别 &#60;![endif]&#8211;&#62; &#60;!&#8211;[if lt [...]]]></description>
		<wfw:commentRss>http://www.iphpmysql.cn/css-hack-%e2%80%93-ie%e6%b3%a8%e9%87%8a%e7%af%87.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Css中文注释问题</title>
		<link>http://www.iphpmysql.cn/css%e4%b8%ad%e6%96%87%e6%b3%a8%e9%87%8a%e9%97%ae%e9%a2%98.html</link>
		<comments>http://www.iphpmysql.cn/css%e4%b8%ad%e6%96%87%e6%b3%a8%e9%87%8a%e9%97%ae%e9%a2%98.html#comments</comments>
		<pubDate>Fri, 25 Sep 2009 02:08:50 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[DIV+CSS]]></category>

		<guid isPermaLink="false">http://www.iphpmysql.cn/?p=341</guid>
		<description><![CDATA[刚刚在调试一个css菜单的时候,发现在css注释里面加入了中文，就失效了。假如换成是英文，又正常了。听一个朋友说在IE6下,Css不支持中文注释。要么写英文的，或者干脆不要写。真是郁闷，因为我另外一个css样式文件里面也是有中文的，工作也是正常的啊。查看了一下css文件编码，是GB2312的,和网页编码UFF-8不符,随即改成UTF-8编码测试,解决。 总结一下解决方法: 方法一： 首先查看你的页面文件文档编码和CSS的文档编码是否一致，如果不一致，就要手动修改使它们一致。 例： 你的页面文件使用的编码是“简体中文（GB2312）”而CSS文件使用的编码是“UTF-8”，这种情况下只要手动修改你的CSS文件的文档编码即可（因为我们做网站用的一般都是GB2312，也可修改页面文件）。 在Dreamweaver8中→修改→页面属性→文档编码→简体中文（GB2312） 方法二： 一般我们在Dreamweaver8中插入的CSS注释默认是这样的： /*注释内容*/ ，而只要将此改为　/**注释内容**/　或　/*-注释内容-*/　即可。]]></description>
		<wfw:commentRss>http://www.iphpmysql.cn/css%e4%b8%ad%e6%96%87%e6%b3%a8%e9%87%8a%e9%97%ae%e9%a2%98.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>关于cellspacing和cellpadding</title>
		<link>http://www.iphpmysql.cn/%e5%85%b3%e4%ba%8ecellspacing%e5%92%8ccellpadding.html</link>
		<comments>http://www.iphpmysql.cn/%e5%85%b3%e4%ba%8ecellspacing%e5%92%8ccellpadding.html#comments</comments>
		<pubDate>Tue, 11 Aug 2009 07:10:29 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[DIV+CSS]]></category>

		<guid isPermaLink="false">http://www.iphpmysql.cn/?p=307</guid>
		<description><![CDATA[    在table中控制单元格之间的间距要用到cellspacing、cellpadding,默认情况cellspacing、cellpadding均不为0，但经常为了不让table单元格之间的间距影响到美观，我们经常把cellspacing、cellpadding设置为0，因此看到“&#60;table cellspacing=0 cellpadding=0&#62;&#60;/talbe&#62;”这样的代码来清除默认样式。     相关概念: cellspacing是单元格和单元格之间的距离,缺省值为2              cellpadding是单元格的元素和边界之间的距离,缺省值为1 很多人说这样极其不符合样式与内容分离的WEB标准,因此使用css控制cellspacing/cellpadding显的意义重大了！我们可以用 table 的 border-collapse: collapse; 属性 来代替cellspacing=”0″，用 th,td 的 padding: 0; 属性来代替 cellpadding=”0“。 table {      border-collapse:collapse; } th,td {     padding:0; }    还可以用expression来实现cellpadding=”0”的样式    table {     border-collapse:collapse;     border-spacing:0;     padd:expression(this.cellpadding=0); }]]></description>
		<wfw:commentRss>http://www.iphpmysql.cn/%e5%85%b3%e4%ba%8ecellspacing%e5%92%8ccellpadding.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>TBody 的解释及用法</title>
		<link>http://www.iphpmysql.cn/tbody-%e7%9a%84%e8%a7%a3%e9%87%8a%e5%8f%8a%e7%94%a8%e6%b3%95.html</link>
		<comments>http://www.iphpmysql.cn/tbody-%e7%9a%84%e8%a7%a3%e9%87%8a%e5%8f%8a%e7%94%a8%e6%b3%95.html#comments</comments>
		<pubDate>Sat, 08 Aug 2009 23:57:52 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[DIV+CSS]]></category>
		<category><![CDATA[Tbody]]></category>
		<category><![CDATA[TD]]></category>
		<category><![CDATA[thead]]></category>
		<category><![CDATA[TR]]></category>
		<category><![CDATA[表格]]></category>

		<guid isPermaLink="false">http://www.iphpmysql.cn/?p=305</guid>
		<description><![CDATA[        写html代码的时候,遇到了Tbody这个标记符,这个标记符是对于表格来说的，每个页面都有head ,body两部分，对于比较复杂的页面，页面的排版用到了很多的表格，表格的结构也就相对的复杂了，所以又将表格分割成三个部分：题头、正文和脚注。而这三部分分别用:thead,tbody,tfoot来标注。     thead用来放标题之类的东西    tbody放数据本体    tfoot放表格的脚注之类……          标签使用其本身所代表的含义。这就是他们的作用。(thead表格的头 tbody表格的身体 tfoot表格的脚)         TBody是在table中使用的，用来指明由它包括的各表格行做为表格的主体部分。         TBody与THead和TFoot在表格中形成三个“块”，THead指明表格的Head部分，TFoot指明表格的脚注部分。而TBody则指明表格的主体部分。 比如: &#60;TABLE&#62; &#60;THEAD&#62; &#60;TR&#62; &#60;TD&#62; This text is in the THEAD. &#60;/TD&#62; &#60;/TR&#62; &#60;/THEAD&#62; &#60;TBODY&#62; &#60;TR&#62; &#60;TD&#62; This text is in the TBODY. &#60;/TD&#62; &#60;/TR&#62; &#60;/TBODY&#62; &#60;TFOOT&#62; &#60;TR&#62; &#60;TD&#62; This text is in the table footer. &#60;/TD&#62; &#60;/TR&#62; [...]]]></description>
		<wfw:commentRss>http://www.iphpmysql.cn/tbody-%e7%9a%84%e8%a7%a3%e9%87%8a%e5%8f%8a%e7%94%a8%e6%b3%95.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>去除链接处的虚线</title>
		<link>http://www.iphpmysql.cn/%e5%8e%bb%e9%99%a4%e9%93%be%e6%8e%a5%e5%a4%84%e7%9a%84%e8%99%9a%e7%ba%bf.html</link>
		<comments>http://www.iphpmysql.cn/%e5%8e%bb%e9%99%a4%e9%93%be%e6%8e%a5%e5%a4%84%e7%9a%84%e8%99%9a%e7%ba%bf.html#comments</comments>
		<pubDate>Thu, 02 Jul 2009 07:11:31 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[DIV+CSS]]></category>
		<category><![CDATA[blur]]></category>
		<category><![CDATA[HTC]]></category>
		<category><![CDATA[onFocus]]></category>
		<category><![CDATA[代码]]></category>
		<category><![CDATA[虚线]]></category>

		<guid isPermaLink="false">http://www.iphpmysql.cn/?p=290</guid>
		<description><![CDATA[在我们点击链接,无论是图片,还是文字的时候,链接的周围都 会出现一些虚线。那么如何去除这些虚线呢?  1. 在标签中加入onFocus=”this.blur()”语句 2. 如果连接太多，可以用外部链接 .HTC 文件。至于htc是什么，全称就是Html Components，由微软在IE5.0后开始提供的一种新的指令组合，它可以把某种特定功能的代码封装在一个组件之中，从而实现了代码的重复使用。作为一个组件，htc里包含了属性、方法、事件等等各种知识。 将以上代码存为.htc为扩展名的文件，然后再编写一个普通的html网页 链接1 链接2 链接3 点链接试试，没有虚线框了吧 3. 使用CSS样式，可加入代码：  a {blr:expression(this.onFocus=this.blur())}]]></description>
		<wfw:commentRss>http://www.iphpmysql.cn/%e5%8e%bb%e9%99%a4%e9%93%be%e6%8e%a5%e5%a4%84%e7%9a%84%e8%99%9a%e7%ba%bf.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>CSS超链接样式</title>
		<link>http://www.iphpmysql.cn/css%e8%b6%85%e9%93%be%e6%8e%a5%e6%a0%b7%e5%bc%8f.html</link>
		<comments>http://www.iphpmysql.cn/css%e8%b6%85%e9%93%be%e6%8e%a5%e6%a0%b7%e5%bc%8f.html#comments</comments>
		<pubDate>Wed, 10 Jun 2009 02:41:38 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[DIV+CSS]]></category>
		<category><![CDATA[active]]></category>
		<category><![CDATA[decoration]]></category>
		<category><![CDATA[hover]]></category>
		<category><![CDATA[visited]]></category>
		<category><![CDATA[样式]]></category>

		<guid isPermaLink="false">http://www.iphpmysql.cn/?p=286</guid>
		<description><![CDATA[  今天在修改ecshop商品分类树的时候,用到了这个,发现了小问题，决定在复习总结一下: #category_tree dd a{color:#999999; text-decoration:none;} #category_tree dd a:hover{color:#ffffff; text-decoration:none;}    #category_tree dd a:visited {color:#ff5400; text-decoration:none;}(这个是我后来加入的)  我起初是按照这个顺序来排列这几个标签的。但是我发现这样的顺序会导致hover样式的失效。只要把visited放在hover前面，就正常了。同样道理,active和link的位置也会对最终效果产生影响。 a:link        链接平常的状态 a:visited    链接被访问过之后 a:hover     鼠标放到链接上的时候 a:active     链接被按下的时候   总结：只要保证visited在前，hover在后，active在两者中间，link位置任意，都能够保证四种样式互不影响，正常显示。]]></description>
		<wfw:commentRss>http://www.iphpmysql.cn/css%e8%b6%85%e9%93%be%e6%8e%a5%e6%a0%b7%e5%bc%8f.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

