??xml version="1.0" encoding="utf-8" standalone="yes"?>亚洲欧洲日产国码高潮αv,亚洲精品无码久久久久久 ,亚洲欭美日韩颜射在线二http://m.tkk7.com/ponzmd/category/28186.html<i>q_而简单的Z个,无权无势也无牉|挂。一路厮杀Q只q不退Q死而后Ԍ岂不爽哉Q?lt;br/> 收v对“R”日行千里的慕Q收起对“马”左右逢缘的感叹;目标记在心里面,向前q。一ơ一步,一步一脚印Q跬步千里?lt;br/> q个角色很适合现在的我?lt;/i> zh-cnFri, 28 Dec 2007 06:31:16 GMTFri, 28 Dec 2007 06:31:16 GMT60《精通CSS》阅ȝ?W四?/title><link>http://m.tkk7.com/ponzmd/archive/2007/12/26/170433.html</link><dc:creator>彭俊</dc:creator><author>彭俊</author><pubDate>Tue, 25 Dec 2007 17:57:00 GMT</pubDate><guid>http://m.tkk7.com/ponzmd/archive/2007/12/26/170433.html</guid><wfw:comment>http://m.tkk7.com/ponzmd/comments/170433.html</wfw:comment><comments>http://m.tkk7.com/ponzmd/archive/2007/12/26/170433.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://m.tkk7.com/ponzmd/comments/commentRss/170433.html</wfw:commentRss><trackback:ping>http://m.tkk7.com/ponzmd/services/trackbacks/170433.html</trackback:ping><description><![CDATA[<p><br /> <strong>链接</strong></p> <blockquote> <p>:link 用来l没有被讉Kq的链接讑֮样式<br /> :visited 用来讑֮已经讉Kq的链接的样?br /> :hover 动态伪c设定鼠标停留处元素的样?br /> :active 动态伪cȝ来寻找被Ȁzȝ元素<br /> ׃伪类之间的特D性是相同的,所以设定伪cL式时需要注意顺序?br /> 合理的顺序是Qa:link,a:visited,a:hover,a:active CؓLoVe:HAte.<br /> 其中:link,:visited是A标签专用的,?hover,:active{不限于A元素Q也可以在其他某些元素上?<br /> <br /> 让链接看h酷酷?br /> <ps:q个其实没有多少技术的东西在里面,关键是创?gt;<br /> 大家可以看看q里的例子: <a href="http://m.tkk7.com/Files/ponzmd/CssLink.rar">CZ下蝲</a> </p> </blockquote> <p><strong>为链接添加有意义的修?/strong></p> <blockquote> <p><strong><br /> </strong>1.标识d|站的链?br /> Ҏ1Q给相应的链接加上一个适当的图标来标识链接的类型:比如该链接是否链接到|站外的地址Q是否是一个email地址Q是否启动一个imh甚至于标识下载文件的cd{等?br /> 改进ҎQ每个链接都加的话太ȝQ维护v来也不方ѝ可以采用属性选择器来帮助我们完成q样的工作?br /> 比如惌P<br /> a[href^= "mailto"]{<br />     background:url(email.png) no-repeat right top;<br />     padding-right:10px;<br /> }<br /> 但是IE6里面是不支持属性选择器的Q只能变通一下:可以采用javascript+Dom的方式来完成。可以在q个地方查看Q?a >http://simonwillison.net/2003/Mar/25/getElementsBySelector/</a><br /> 里面提到的SimonWillison写的getElementBySelectorҎ?br /> 大家可以看看q里的例子: <a href="http://m.tkk7.com/Files/ponzmd/CssLink.rar">CZ下蝲</a> </p> </blockquote> <p><strong>把链接做的像按钮</strong></p> <blockquote> <p><strong></strong><br /> 思\Q将链接的可响应事g的响应区域扩大到整个背景区域Q这Lhq个链接象是个按钮?br /> 实现Q其实很单只需要设|A标签的displayQblock可以了。这L话A会一改自q行内元素的性质Q{换成一个块元素。这样就辑ֈ目的了?br /> 问题QIE5.x如果不设|元素的widthQheight的话Q即时设|了displayQblock也是没有用的Q所有要昄的设|widthQheight的倹{?br /> 大家可以看看q里的例子: <a href="http://m.tkk7.com/Files/ponzmd/CssLink.rar">CZ下蝲</a></p> </blockquote> <p><strong>囑փ{</strong></p> <blockquote> <p><strong></strong><br /> Ҏ1Q简单翻转:利用颜色的反差来形成{效果?br /> Ҏ2Q具有图像的{ ׃多图片翻转在W一ơ蝲入的时候回出现囑փ短暂延迟的,造成闪烁效果?br /> 改进Ҏ2QPixyҎQ替换图片时昄囄不同部位?br /> 利用q样技术的一U应用:标识那些链接已经被访问过了,q个看v来还Z性的?br /> 大家可以看看q里的例子: <a href="http://m.tkk7.com/Files/ponzmd/CssLink.rar">CZ下蝲</a> </p> </blockquote> <p><strong>UCSS工具提示</strong></p> <blockquote> <p><strong></strong><br /> 其实是把预先设|好的提CZ息隐藏了Q在适当是时机显C在适当的位|?br /> q是看例子来的实在?a href="http://m.tkk7.com/Files/ponzmd/CssLink.rar">CZ下蝲</a></p> </blockquote> <img src ="http://m.tkk7.com/ponzmd/aggbug/170433.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://m.tkk7.com/ponzmd/" target="_blank">彭俊</a> 2007-12-26 01:57 <a href="http://m.tkk7.com/ponzmd/archive/2007/12/26/170433.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>《精通CSS》阅ȝ?W三?/title><link>http://m.tkk7.com/ponzmd/archive/2007/12/25/170246.html</link><dc:creator>彭俊</dc:creator><author>彭俊</author><pubDate>Tue, 25 Dec 2007 02:32:00 GMT</pubDate><guid>http://m.tkk7.com/ponzmd/archive/2007/12/25/170246.html</guid><wfw:comment>http://m.tkk7.com/ponzmd/comments/170246.html</wfw:comment><comments>http://m.tkk7.com/ponzmd/archive/2007/12/25/170246.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://m.tkk7.com/ponzmd/comments/commentRss/170246.html</wfw:commentRss><trackback:ping>http://m.tkk7.com/ponzmd/services/trackbacks/170246.html</trackback:ping><description><![CDATA[<p><strong>背景囄的定?/strong></p> <blockquote> <p><br>1.背景定位主要通过background-position属性来讄.属性说明如下:</p></blockquote> <table cellspacing="0" cellpadding="2" width="600" border="2"> <tbody> <tr> <td valign="top" width="600"> <p>Syntax </p> <p><strong>HTML { background-position : sPosition }  <br>Scripting object.style.backgroundPosition [ = sPosition ]</strong> <p>Possible Values <p>sPosition String that specifies or receives one or two of the following values. length Floating-point number, followed by an absolute units designator (cm, mm, in, pt, pc, or px) or a relative units designator (em or ex). For more information about the supported length units, see CSS Length Units Reference. <br><em><strong>percentage Integer</strong></em>, followed by a percent sign (%). The value is a percentage of the width or height of the object. <br><em><strong>vAlignment</strong></em> Vertical alignment value. Possible values include the following: <br><strong><em>     top</em></strong> Vertical alignment is at the top. <br><strong><em>    center</em></strong> Vertical alignment is centered. <br><strong><em>    bottom</em></strong> Vertical alignment is at the bottom. <br><strong><em>hAlignment</em></strong> Horizontal alignment value. Possible values include the following: <br><strong><em>    left</em></strong> Horizontal alignment is to the left. <br><strong><em>    center</em></strong> Horizontal alignment is centered. <br><strong><em>    right</em></strong> Horizontal alignment is to the right. </p></td></tr></tbody></table> <p> </p> <blockquote> <p>2.需要注意的是background-postion通过length来设|的话,坐标原点在图像的左上角?br>而通过percent来设|的话,其实是将囄上相应百分比的点与父cd素上相应癑ֈ比位|的炚w合得到的l果?br>所以当讄?0%时会出现居中昄的现象?</p></blockquote> <blockquote> <p>3.要避免出现length和percent方式混合讄的情况,q将使浏览器抓狂Q不知道能干出点什么来?</p> <p>具体CZ可以参考,q里?<a href="http://m.tkk7.com/Files/ponzmd/CssImage.rar" target="_blank">CZ下蝲</a></p></blockquote> <p><strong>圆角?/strong></p> <blockquote> <p><strong><br></strong>1.固定宽度圆角?br>思\Q基本上通过两个裁剪好的圆角囄(剙一个,底部一?分别讄为相应块元素的背景?br>限制:a.圆角框的宽度有圆角图片的大小所限制.<br>b.内层块与外层快之间不能存在间隔。即外层块不能设|paddingQ内层块不能讄margin ?border?br>c.圆角囄的背景颜色是预先讄好的Q修Ҏ样式旉要替换图片?br>具体实现Q?br>方式a:重复背景颜色<br>方式b:重复背景囄<br>具体CZ可以参考,q里?<a href="http://m.tkk7.com/Files/ponzmd/CssImage.rar" target="_blank">CZ下蝲</a></p></blockquote> <blockquote> <p>2.不固定宽度圆角框:滑动门技?lt;sliding doors technique><br>思\Q基本上与上面的思\一_不过圆角囄被进一步的l分。将上面的图片拆分成了左上,右上Q左下,右下四个囄Q?br>q样的话用来定位囄的块元素也要相应的增加。简单来?个图片需?层块元素来定位?br>限制:a.圆角框的宽度有圆角图片的大小所限制.但是q里的限制出C一点点变化<br>卛_角框的宽度可以在于左上+右上宽度的和的范围内变动Q圆角框的高度可以在于左上+左下高度的和的范围内变动?br>b.定义背景囄的Q意两层之间不能存在间隔。即外层块不能设|paddingQ内层块不能讄margin ?border?br>c.圆角囄的背景颜色是预先讄好的Q修Ҏ样式旉要替换图片?br>d.q有个限制就是ؓ了实现滑动门技术,Zؓ的添加了多层无实际语义的块元素,q是的代码的可维护性变差了?br>具体CZ可以参考,q里?CZ下蝲</p></blockquote> <blockquote> <p>3.如果在扩展一下:图片拆分成9个图片,卛_上,上中Q右上,左中Q中部,右中Q左下,下中Q右?Q图片井字Ş拆分Q?br>q样可以利用囄的重复来实现宽度和高度自q圆角框了?br>限制Q基本上同上面一P宽度高度的限制不存在了?br>但是Z定位q些背景囄所d的多个无语义块元素不是h人都能接受的Q或者说是很难有人接受的?br>如何实现大小自由的圆角框呢?<br><a >http://www.456bereastreet.com/archive/200505/transparent_custom_corners_and_borders/</a></p></blockquote> <blockquote> <p>具体CZ可以参考,q里?<a href="http://m.tkk7.com/Files/ponzmd/CssImage.rar" target="_blank">CZ下蝲</a></p></blockquote> <p><strong>山顶角框(mountaintop corner)</strong></p> <blockquote> <p><strong></strong><br>思\:圆角框的实现思\和上是一LQ区别在于上面的实现中角囄的背景是定的,而山角框中利用利用位图蒙版来替代角囄Q将实际上位图蒙版中角图像的位置留留成透明的,q样的的该蒙版的透明部分的颜色将昄为所在块的背景颜Ԍq样实C角图片颜色可以通过讄背景颜色来更改的目的?</p> <p>具体CZ可以参考,q里?<a href="http://m.tkk7.com/Files/ponzmd/CssImage.rar" target="_blank">CZ下蝲</a></p></blockquote> <p><strong>阴媄</strong></p> <blockquote> <p><strong></strong><br>1.单阴?br>思\Q基本上是背景图片放|到囄的下面,通过适当的位UL在某个角落上面显C出背景囄Q从而达到显C阴q效果?br>实现方式Q可以通过对背景图片margin赋予负值来偏移背景囄,q种做法形成的阴q为简单阴影;另一U做法就是通过图片与背景囄的相对位|来相对定位来达到Ş成阴q效果Q这U做法称为ClagnutҎ?br>限制Q图片的长宽应该要小于阴影图片的长宽q样形成的阴qh会比较完_当然如果背景囄做过Ҏ的处理的话那另当别Z?</p></blockquote> <blockquote> <p>2.模糊阴媄<br>思\Q上面Ş成的阴媄被指边缘~Zq渡Q所以才有了模糊阴媄的方法的出现。主要思\是利用一个具有alpha透明度的PNG来盖住阴影图象的边缘?br>实现方式Qؓ了实现这个PNG囄的覆盖,自然需要添加另外一个块元素用来定位q个囄?br>具体实现可以看这里?lt;Z兼容IE的各个版本,可是费了脑筋?gt;<br>注意在实现模p阴影时利用了alpha透明度的PNG囄Q对于这个IE的支持可不好Q好在又不少Ҏ可以解决Q?br>1.利用qo器:filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(scr='shadow.png',sizingMethod='crop');<br>2.利用条g注释来屏蔽可能造成的不良媄响:<br><!--[if gte ie 5.500]><br><link rel="stylesheet" type="text/css" href="ie55.css" /><br><![endif]--> </p></blockquote> <blockquote> <p>3.z葱皮阴?br>思\Qؓ了I补阴p~缺乏过渡的情况Q采用类g山顶角的实现。创Z国阴影尾部Gif,用它们覆盖在主阴影图像的末尾上?br>实现方式Qؓ了定位这两个背景囄Q需要给定义两个钩子。即定义两国无语意的块元素来攄q两个gif?br>具体实现看这里?br>限制Q添加了多个无语意块元素Q破坏了样式表的可维护性?</p> <p>具体CZ可以参考,q里?<a href="http://m.tkk7.com/Files/ponzmd/CssImage.rar" target="_blank">CZ下蝲</a></p></blockquote> <p><strong>囄替代</strong></p> <blockquote><strong></strong> <p><br>所谓的囄替代是利用背景囄替换文档中的文本Q不是去除文本,而是利用CSS隐藏文本?br>实现方式Q?br>1.FIR(Fahrner Image Replacement):文本形成的块隐藏h<br>2.PharkQ文本偏U?br>3.Gilder/LevinQ利用图片定位到文本上面文本遮蔽v来?br>4.IFR(Innman Flash Replacement)与sIFR(可׾~Inman Flash Replacement)<br>要实现sIFR可以利用sifr脚本来处理,具体可以看这?<a >http://www.mikeindustries.com/sifr</a><br><br>具体CZ可以参考,q里?<a href="http://m.tkk7.com/Files/ponzmd/CssImage.rar" target="_blank">CZ下蝲</a></p></blockquote><img src ="http://m.tkk7.com/ponzmd/aggbug/170246.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://m.tkk7.com/ponzmd/" target="_blank">彭俊</a> 2007-12-25 10:32 <a href="http://m.tkk7.com/ponzmd/archive/2007/12/25/170246.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>《精通CSS》阅ȝ?W二?/title><link>http://m.tkk7.com/ponzmd/archive/2007/12/20/169166.html</link><dc:creator>彭俊</dc:creator><author>彭俊</author><pubDate>Thu, 20 Dec 2007 14:38:00 GMT</pubDate><guid>http://m.tkk7.com/ponzmd/archive/2007/12/20/169166.html</guid><wfw:comment>http://m.tkk7.com/ponzmd/comments/169166.html</wfw:comment><comments>http://m.tkk7.com/ponzmd/archive/2007/12/20/169166.html#Feedback</comments><slash:comments>1</slash:comments><wfw:commentRss>http://m.tkk7.com/ponzmd/comments/commentRss/169166.html</wfw:commentRss><trackback:ping>http://m.tkk7.com/ponzmd/services/trackbacks/169166.html</trackback:ping><description><![CDATA[<p><strong>CSS的承与层叠</strong></p> <blockquote><strong></strong> <p><br>看两个例子就明白了?br><省去一些显而易见的代码Q表义ؓ?><br>W一个例子:<br>body{color:red;}<br><body><br>D落1<br><p>D落2</p><br></body><br>q里面段?Q段?字体颜色全部是红?昄pl承了body的color样式?/p> <p>W二个例子:<br>body{color:red;}<br>p{color:green;}<br><body><br>D落1<br><p>D落2</p><br></body><br>q里D落1是红Ԍ而段?是绿艌Ӏ这里面是通过判断样式的特D性来讑֮的样式?/p> <p>判断样式Ҏ性的ҎQ可以参考这里?br>通过上面的例子,得到一个通俗的理解。承和java里面Ҏl承cMQ子元素l承父元素;而层叠可以看?br>java里面的方法重载,子元素和父元素定义了同一个样式,具体用那个通过选择器特D性的高低和位|来?br>定?/p> <p><br>注意Q虽然我用方法重载来cdcss中的层叠Q但是两者的判断依据是不一L。ƈ非子元素定义的样式就<br>一定会被用?br>看这个例子:<br>p{color:green;}<br>body{color:red;}<br><body><br>D落1<br><p>D落2</p><br></body><br>l果是段?Q段?全是U色?nbsp; </p></blockquote> <p><strong>css中的框模?/strong></p> <blockquote> <p><strong></strong><br>标准框模型:标准框模型通过内容区域Q填?padding)Q边?border)Q空白边(margin)l成?br>在标准css中,元素的width和height指定的时内容区域的宽度和高度?br>padding指定的是内容区域到边?border)的距R通常而言的背?background)指的是内容区域和填充所<br>l成的这个区域。空白边(margin)通常用来讄元素之间的间隔?</p></blockquote> <blockquote> <p>IE的框模型Q这里的IE的狂模型指定的是IE5QIE6版本中怪异模式中指定的框模型。区别在于IE框模型中<br>Width和height指定的是内容区域Q填充+Ҏl成的宽度和高度。这里就形成了有个问题,而解册个问<br>题的办法是不要l元素添加具有指定宽度的填充Q而尝试填充或I白Ҏ加到元素的父元素或子元素?br>具体的可以看我写的示例?</p></blockquote> <blockquote> <p>注意一般而言Q元素的填充Q边框,I白Ҏ可以选择是否存在的,一般默认其gؓ0。但是有些情况下?br>素可能会被用户代理样式表讄它们。所以,可以通过*{ margin:0;padding:0;}来统一讑֮?</p></blockquote> <p><strong>I白边叠?/strong></p> <blockquote><strong></strong> <p><br>是当有I白辚wCL时候,I白边之间会发生一U叠加。叠加的l果会是I白边中值相对较大的保留<br>下来Q而这U叠加可以发散在M两个盔R的空白边之间Q无个空白边属于那个元素Q是否包含,是否<br>是同一个元素的?</p></blockquote> <p><strong>块元?block)和行内元?inline 内联元素)</strong></p> <blockquote><strong></strong> <p><br>块元素:指那些默认情况下会换行显C的元素?br>行内元素Q那些默认的情况下显C方式类g文本的元素。默认情况下是同行显C,直到M内容的宽度大<br>于父元素的宽度时才换行显C?br>其实q有一部分叫做Q可变元?q些元素到底属于块元素还是行内元素需要具体环境决定?br>q里有一好的介l文章可以参考:<br>《元素block element和内联元素inline element》地址如下Q?br><a >http://hi.baidu.com/mazhifang/blog/item/42977ed0c662588ea1ec9c77.html</a><br>相应的元素决定了l成框的cdQ而元素的display属性可以改变生成框的类型?br>通过讄displayQblockQ可以将一个行内元素表现的像块U元素一栗?br>而设|displayQnoneQ则表示该元素根本不是框Q这栯个元素就不在占有文档中的I间?</p></blockquote> <p><strong>CSS的定位机?/strong></p> <blockquote> <p><strong>普通流</strong>(position:static)Q就是块U框从上C一个接一个的排列Q框之间的垂直距ȝ框的垂直I白边计出?<br><strong>相对定位</strong>(position:relative)Q块U框相对于它在普通流中所处的位置q行相对的偏UR?br>注:在用相对定位时Q无论元素是否移动,它仍然占着原来的空间。因此,Ud元素有可能会覆盖其他?br>元素).2个方面:块框Q行?包裹行内? <br><strong>l对定位</strong>(position:absolute)Q相对定位实际上被看作普通流定位模型的一部分,因ؓ元素的位|相对于它在?br>通中的位|?与之相反,l对 定位使元素的位置与文档流无关,因此不占据空?普通文档流中其他元素的布局?br>像绝对定位的元素不存?时一?相对定位实际上被看作普通流定位模型的一部分,因ؓ元素的位|相对于它在<br>普通中的位|?与之??l对定位使元素的位置与文档流无关,因此不占据空?普通文档流中其他元素的布局<br>像l对定位的元素不存在时一? <br><em><u>我ȝ的:如何定l对定位的原始祖? 父元?被定?p及远</u></em> <br><strong>固定定位</strong>Q?position:fixed)<br>它是l对定位的一个子cd.差异在于固定元素的包含块是视?q我们能够创徏L出现在窗口中相同?|的动元素.但是,q种定位方式各种览器的支持各有不同.变通的Ҏ是通过javascript来控Ӟ当然也可以是用css?<br><strong>动</strong>Q?position:float)<br>动模型可以左右Ud,直到它的外边~碰到包含框或另一个Q动框的边~?因ؓ动框不在文档的普通流?<br>所以文档普通流中的块框表现得就像Q动框不存在一? </p> <p>关于CZ可以看这里:<a href="http://m.tkk7.com/ponzmd/archive/2007/12/20/169165.html">CSS定位机制CZ</a></p></blockquote> <p><strong>清除动的几U方?/strong></p> <blockquote> <p>1.父框也Q动;<br>2.理由clear来做元素清除==>3.扩展Q利用伪cafter来清除Q?br>4.利用Javascript来动态清除Q?br>5.利用overflow属性设|auto或hidden来清除Q?<br>更全面的看下面的Q?br>《CSS规范 闭合动元素介绍?br><a >http://web.rdxx.com/CSS/2007/9/1322433557845.shtml</a><br></p></blockquote> <p><strong>关于动的深入认?nbsp; <br>Q-Q-Q-Q-Q-Q-Q?/strong><em>推荐序阅读</em></p> <blockquote>1CSS动原理 <br><a >http://blog.csdn.net/fishsoul/archive/2007/09/20/1792776.aspx</a><br>2.CSS Float Theory: Things You Should Know<br><a >http://www.smashingmagazine.com/2007/05/01/css-float-theory-things-you-should-know/</a> QENQ?br><a >http://hi.baidu.com/yan5201314/blog/item/9f5bbd0ecac641e536d122f5.html</a> QCNQ?br>3.IE6下Q动bug详解<br><a >http://hi.baidu.com/xzkcz/blog/item/d25b580fadaac4296059f30a.html</a></blockquote><img src ="http://m.tkk7.com/ponzmd/aggbug/169166.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://m.tkk7.com/ponzmd/" target="_blank">彭俊</a> 2007-12-20 22:38 <a href="http://m.tkk7.com/ponzmd/archive/2007/12/20/169166.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>CSS定位机制CZhttp://m.tkk7.com/ponzmd/archive/2007/12/20/169165.html彭俊彭俊Thu, 20 Dec 2007 14:37:00 GMThttp://m.tkk7.com/ponzmd/archive/2007/12/20/169165.htmlhttp://m.tkk7.com/ponzmd/comments/169165.htmlhttp://m.tkk7.com/ponzmd/archive/2007/12/20/169165.html#Feedback0http://m.tkk7.com/ponzmd/comments/commentRss/169165.htmlhttp://m.tkk7.com/ponzmd/services/trackbacks/169165.htmlCSS定位效果的演C,实现览?firefox2.0.0.11。因为对于Css定位各个览器实现方式不一P表现相差比较大?br /> 所以具体浏览器q要具体分析其Ş成的效果。重要的是我们有必要搞清楚什么是正确的后者说是什么是标准的行为?/p>

普通流,行框相关

1.width属性是个相当与MaxWidth,而显C的实际width由内容实际占用的宽度军_.
    2.行内属性的margin,padding,border的top,bottom属性不能媄响行框的高度,影响行框高度需要用line-height属?
    3.块框里面的文本行会Ş成无名框.q里的无名框可能是行框也可能是块?其实文档中的所有元素都会最l包含在一个框里面.

截图Q?/p>

1 

相对定位

1.相对定位相对的是该元素在普通流中的位置.
2.相对定位的坐标定在该元素的左上角.

截图Q?

2

l对定位

1.应用l对定位的元素不再是普通流的一部分.也就不再占用普通流中的位置.
2.l对定位是相对的目标,需要满三个条?该元素的父元?该父元素已经被定位过,
   从最q的父元素找起只要页面或Html.

截图Q?

3

固定定位

1.固定定位被认为是l对定位的一U?特别的是它相对的对象L览器的可视H口.

截图Q?/p>

5

1.动的元素会q普通流?不在占据普通流中的位置.但是它们动的范围由它的最q的父元素控?不管父元素是如何定位?
2.动其实比较?但是具体的表现受服务器媄响较?
 ?有意思的现象:
无论如何讄动?lt;img>?lt;p>的位|?当减浏览器H口C定程度的时?L<p>会被换到下一?不解??

截图Q?/p>

4

具体代码׃贴了Q有兴趣的可以在q里下蝲Q?a href="http://m.tkk7.com/Files/ponzmd/CssPostion.rar">CssPostion.rar



彭俊 2007-12-20 22:37 发表评论
]]>
《精通CSS》阅ȝ?W一?/title><link>http://m.tkk7.com/ponzmd/archive/2007/12/17/168371.html</link><dc:creator>彭俊</dc:creator><author>彭俊</author><pubDate>Mon, 17 Dec 2007 15:47:00 GMT</pubDate><guid>http://m.tkk7.com/ponzmd/archive/2007/12/17/168371.html</guid><wfw:comment>http://m.tkk7.com/ponzmd/comments/168371.html</wfw:comment><comments>http://m.tkk7.com/ponzmd/archive/2007/12/17/168371.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://m.tkk7.com/ponzmd/comments/commentRss/168371.html</wfw:commentRss><trackback:ping>http://m.tkk7.com/ponzmd/services/trackbacks/168371.html</trackback:ping><description><![CDATA[<p><strong>设计有意义的代码</strong><br>1.可能的使用有有意义的Html标签.<br>?h1,h2,ul,ol,dl,strong/em,blockqoute,cite,abbr,acronym,code,fieldset,legend,label,caption,thead,tbody,tfoot{?br>2.如果遇到暂时表达不了的意?可以使用现有标记l合ID和class来赋予标{N外意义来解决.<br>注意:<br>         a.ID和class的名字应该与意义挂钩,而避免涉及其中的样式表现.比如U色错误提示,取名成error要好于red<br>         b.css本n不区分大写,但是q应该与html(xhtml)的风g持一?<br>         c.避免"多class?classitis)",应该可能的减少cȝ使用.<br>3.div(division)提供了将文档分隔成有意义区域的方?而span提供了对行内元素q行分组和标识的手段.div只应该出现在没有没有预定意元素可以分割当前区域的情况?M地方都以div来分割这?多div?(divitis)" </p> <p> </p> <p><strong>Css验证</strong><br>常用的验证工h:<br>w3c css valiator: <a >http://validator.w3c.org</a><br>bookmarklet:www.andybudd.com/bookmarklets<br>Firefox plugin: Web Developers Extension<br>IE plugin:<a >http://tinyurl.com/7mnyh</a> <p>  <p><strong>DOCTYPE切换</strong><br>览器模?Ҏ览器模式的不同,会媄响浏览器寚w面显C方式的表现,最有名的例子是IE中的框模?<br>通常览器模式分?U?标准模式(standards mode),怪异模式(quirks mode),几乎标准模式(almost standards mode)<br>览器通过面中DOCTYPE声明是否存在以及DOCTYPE中用的DTDcd来确定具体的览器模?<br>详细的区分可以看q个:<a >http://meyerweb.com/eric/dom/dtype/dtype-grid.html</a> <br>截图如下Q?/p> <p><a href="http://m.tkk7.com/images/blogjava_net/ponzmd/WindowsLiveWriter/CSS_14640/dtypeSuffing.jpg"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="484" alt="dtypeSuffing" src="http://m.tkk7.com/images/blogjava_net/ponzmd/WindowsLiveWriter/CSS_14640/dtypeSuffing_thumb.jpg" width="644" border="0"></a> </p> <p> </p> <p><strong>CSS中的选择?seletor)<br></strong>基本的选择?元素选择?后代选择?兌选择?,class选择?c选择?,ID选择?伪类<br>高选择?子选择?盔R选择?属性选择?br>CZ看这里:<a href="http://m.tkk7.com/ponzmd/archive/2007/12/17/168369.html">CSS选择器示?/a><br></p> <p><strong>向网中引入样式</strong><br>方式1Q?br><link href="/css/basic.css" rel="stylesheet" type="text/css" /><br>方式2Q?br><style type="text/css"><br><!-- <br>@import url("/css/advanced.css");<br>--><br></style> </p> <p> </p> <p><strong>CSS中样式用的优先U判断?</strong> <br>看这里,以前的一BlogQ?a href="http://m.tkk7.com/ponzmd/archive/2007/12/17/168370.html">到底谁说了算QCSS样式表用优先判断</a><br> <p><strong>保持CSS样式表可l护性的一个原?/strong> <p>在复杂的CSS样式表里面,Ҏ样式覆盖通用样式的情况会大量出现Q?甚至于出现更Ҏ的样式覆盖特D样式的情况Q这时元素可以从多个地方获取样式Q这可能使得样式表失?控制。这时个好的是保持通用样式q可能的通用Q特D样式进可能的特D,q而做C需要覆盖特D样式。如果出C得不多次覆盖通用样式Q那么从一般规则中删除需要覆盖的声明Qƈ昄的应用于需要它的每一个元素。这样可以保持CSS样式表的可维护性?<br> <p><strong>在CSS中的注释</strong><br>1.css?*开? */l束来添加注?q种叫做C|格注释.<br>2.适当加入l构性注?利用注释来划分代码块,方便q速查扄应代?br>3.通过"意外Ҏ?gotcha)"来实现自我提C?如TODO(以后需要修?修复或复?,KLUDGE(不完善的权宜之计 ),BUG(代码或浏览器遇到的问?,TRICKY(相对复杂的代码说?{?br>4.发布时可理由代码~辑工具或者css优化器来删除注释.<br>5.发布Ӟ压羃CSS文g大小: apache服务器可用gzip方式,而非apache,可用<a >http://tinyurl.com/8w9rp</a>上面介绍的方? <img src ="http://m.tkk7.com/ponzmd/aggbug/168371.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://m.tkk7.com/ponzmd/" target="_blank">彭俊</a> 2007-12-17 23:47 <a href="http://m.tkk7.com/ponzmd/archive/2007/12/17/168371.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>到底谁说了算Q?/title><link>http://m.tkk7.com/ponzmd/archive/2007/12/17/168370.html</link><dc:creator>彭俊</dc:creator><author>彭俊</author><pubDate>Mon, 17 Dec 2007 15:44:00 GMT</pubDate><guid>http://m.tkk7.com/ponzmd/archive/2007/12/17/168370.html</guid><wfw:comment>http://m.tkk7.com/ponzmd/comments/168370.html</wfw:comment><comments>http://m.tkk7.com/ponzmd/archive/2007/12/17/168370.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://m.tkk7.com/ponzmd/comments/commentRss/168370.html</wfw:commentRss><trackback:ping>http://m.tkk7.com/ponzmd/services/trackbacks/168370.html</trackback:ping><description><![CDATA[<p><strong></strong> </p> <p><strong>到底谁说了算Q?br></strong>                          CSS样式使用优先U判?/p> <p>2007q??7日写的,现在转到q里来? <p>修正前,再次谢谢hax的指炏V最正确的说法:<a >http://www.w3.org/TR/CSS21/cascade.html#specificity</a> 参见q里的相兛_容,一下只是我个hh的理解方式,只解军_规情况下的绝大部分问题。不是预期用的样式Q如何判断那个样式会最lv作用呢?到底谁说了算Q可以依据下面几个原则: <p>CSS样式定义多了Q常常出现显C效果与预期不一致的情况。其中很大一部分原因在于起作用的样式? <p>1。多个选择器可能会选择同一个元素,?个规则,从上C重要性降低:<br>      Qimportant的用h?br>      Qimportant的作者样?br>      作者样?br>      用户样式<br>      览器定义的样式<br>2。CSS样式的特D性权重——谁有分量,谁说了算?br>CSS规范Z同类型的选择器定义了Ҏ性权重,Ҏ性权重越高,样式会被优先应用?br>权重讑֮如下Q?br>html选择器,权重?Q?br>c选择器,权重?0Q?br>id选择器,权重?00Q?br>q里q有一U情况:在html标签中直接用style属性,q里的style属性的权重?000Q?br>卛_下情况:<br>#x34y {color:red}<br><.  p id=x34y >  优先选择style=""讑֮的样式?br>其他cd的,大家看看例子明白了?br>例子Q?br>h1{color:blue}  权重?<br>p  em{color:yellow}  权重?<br>.warning{color:red}  权重?0<br>p.note em.dark{color:grag}  权重?2<br>#main{color:black}  权重?00     q里q有一U情况:<br>权重一h如何处理Q权重一h另说了。看看下面的明白了? <p>3。CSS样式的层叠原则——谁Lq,谁说了算?br>当权重一hQ会采用“层叠原则?后定义的会被应用?br>如:p{color:yellow}<br>        p{color:red}<br>作用到这?nbsp;  <. p >我的什么颜色呢Q?lt; /p><br>l果会是red的? <p>4。CSS样式的特D标记——谁有特权,谁说了算?br>如果有h看不眼Q非得要自己说了,那可以搞点特权,如下卛_<br>p {color:blue !important;}<br>加上!important;可将自己权重设ؓ最高?br>如果你要问两?important;讑֮的样式,那个样式说了,我说你ؓ什么不自己试试看看呢! <p>好了Q谁说了的问题到q里了?/p><img src ="http://m.tkk7.com/ponzmd/aggbug/168370.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://m.tkk7.com/ponzmd/" target="_blank">彭俊</a> 2007-12-17 23:44 <a href="http://m.tkk7.com/ponzmd/archive/2007/12/17/168370.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>CSS选择器示?/title><link>http://m.tkk7.com/ponzmd/archive/2007/12/17/168369.html</link><dc:creator>彭俊</dc:creator><author>彭俊</author><pubDate>Mon, 17 Dec 2007 15:37:00 GMT</pubDate><guid>http://m.tkk7.com/ponzmd/archive/2007/12/17/168369.html</guid><wfw:comment>http://m.tkk7.com/ponzmd/comments/168369.html</wfw:comment><comments>http://m.tkk7.com/ponzmd/archive/2007/12/17/168369.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://m.tkk7.com/ponzmd/comments/commentRss/168369.html</wfw:commentRss><trackback:ping>http://m.tkk7.com/ponzmd/services/trackbacks/168369.html</trackback:ping><description><![CDATA[<p>自己Z体验CSS选择器而写的一个例子。主要是模拟一个菜单条Q实际的环境是Firefox2.0.0.11</p> <p>演示截图Q?br> <a href="http://m.tkk7.com/images/blogjava_net/ponzmd/WindowsLiveWriter/CSS_148C5/CssSelector_4.jpg"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="269" alt="CssSelector" src="http://m.tkk7.com/images/blogjava_net/ponzmd/WindowsLiveWriter/CSS_148C5/CssSelector_thumb_1.jpg" width="644" border="0"></a> </p> <p><strong>Html代码Q?/strong></p><pre class="csharpcode"><span id="46w2yyq" class="kwrd"><</span><span id="u24gis4" class="html">html</span><span id="uawesgu" class="kwrd">></span> <span id="y4a2e4k" class="kwrd"><</span><span id="24ec2sq" class="html">head</span><span id="k2ugmus" class="kwrd">></span> <span id="koicg2g" class="kwrd"><</span><span id="26ueia4" class="html">style</span> <span id="auuag44" class="attr">type</span><span id="26c4wu4" class="kwrd">="text/css"</span><span id="g242c2w" class="kwrd">></span> <span id="sm224yw" class="rem"><!--</span> <span id="q4oyqsc" class="rem"> @import url("CssSelector.css");</span> <span id="mecwqe2" class="rem">--></span> <span id="wm26qau" class="kwrd"></</span><span id="e2a4omk" class="html">style</span><span id="qecmgou" class="kwrd">></span> <span id="sic2esi" class="kwrd"></</span><span id="uuq2q4s" class="html">head</span><span id="yw2kom2" class="kwrd">></span> <span id="iiiqk4k" class="kwrd"><</span><span id="w24u4s4" class="html">body</span><span id="2oaqsye" class="kwrd">></span> <span id="k2qsc4e" class="kwrd"><</span><span id="uk2i4s4" class="html">h2</span><span id="mcmgc2e" class="kwrd">></span>CSS选择器演C?span class="kwrd"></</span><span id="ye24e4e" class="html">h2</span><span id="qequoca" class="kwrd">></span> <span id="2a4ocao" class="kwrd"><</span><span id="2sos2s4" class="html">hr</span><span id="24cw44w" class="kwrd">></span> 说明QCSS的基本选择器有元素选择器,后代选择?兌选择?QClass选择器,ID选择器,伪类Q?span class="kwrd"><</span><span id="sa24qo4" class="html">br</span><span id="2wikes4" class="kwrd">></span> 高选择器有子选择器,盔R选择器以及属性选择器?span class="kwrd"><</span><span id="ow244ia" class="html">br</span><span id="mkmq24i" class="kwrd">></span> 在实际用中Q通常通过各种选择器的l合使用来精控制文档样式?span class="kwrd"><</span><span id="244s42m" class="html">br</span><span id="2k4s4yi" class="kwrd">></span> 注意Q对于不同浏览器对于CSS选择器种cL持各有区别,一般来说基本选择器是支持的? <span id="uu2qoms" class="kwrd"><</span><span id="2gyaeaa" class="html">hr</span><span id="wwo2igw" class="kwrd">></span> <span id="uuw4qwm" class="kwrd"><</span><span id="qgic4ki" class="html">div</span> <span id="2g4so42" class="attr">class</span><span id="2oy4ssq" class="kwrd">="headContent"</span><span id="g4g4yw4" class="kwrd">></span> <span id="244aee4" class="kwrd"><</span><span id="c24wawm" class="html">ul</span><span id="444w4ay" class="kwrd">></span> <span id="sikke8w" class="kwrd"><</span><span id="aqkm0i6" class="html">li</span> <span id="e0s0060" class="attr">id</span><span id="ou0gyg6" class="kwrd">="firstItem"</span><span id="k0600ym" class="kwrd">></span> <span id="aoikm80" class="kwrd"><</span><span id="saa0000" class="html">a</span> <span id="0su086i" class="attr">href</span><span id="ukuegeu" class="kwrd">="#"</span> <span id="0u6waoe" class="kwrd">></span> 阅读 <span id="ok0uoca" class="kwrd"></</span><span id="c8suwuc" class="html">a</span><span id="000wyom" class="kwrd">></span> <span id="06is0q6" class="kwrd"></</span><span id="0a6kou0" class="html">li</span><span id="ao0000y" class="kwrd">></span> <span id="mm0ey00" class="kwrd"><</span><span id="ai0ak0w" class="html">li</span><span id="yui0qo6" class="kwrd">></span> <span id="ow0oi00" class="kwrd"><</span><span id="w80skqk" class="html">a</span> <span id="yu08ymm" class="attr">href</span><span id="u00m60g" class="kwrd">="#"</span> <span id="0wi6cag" class="attr">rel</span><span id="0800a60" class="kwrd">="me"</span><span id="ogsuqwc" class="kwrd">></span> 发现 <span id="ek8su0w" class="kwrd"></</span><span id="owc8m6e" class="html">a</span><span id="ewice0o" class="kwrd">></span> <span id="0skwye0" class="kwrd"></</span><span id="uum0yom" class="html">li</span><span id="000is0s" class="kwrd">></span> <span id="wckm0ca" class="kwrd"><</span><span id="i0q0c0c" class="html">li</span><span id="euw0aq0" class="kwrd">></span> <span id="0oyiu6m" class="kwrd"><</span><span id="m0ue0k6" class="html">a</span> <span id="0c0oqi0" class="attr">href</span><span id="ou8gaou" class="kwrd">="#"</span> <span id="megiciq" class="attr">rel</span><span id="aqikgu8" class="kwrd">="you me it"</span><span id="us0aus0" class="kwrd">></span> 评论 <span id="us00006" class="kwrd"></</span><span id="om8g0c6" class="html">a</span><span id="q0w66u0" class="kwrd">></span> <span id="okwysqw" class="kwrd"></</span><span id="qqico0y" class="html">li</span><span id="g0ake00" class="kwrd">></span> <span id="cic80wi" class="kwrd"><</span><span id="mcwq0e6" class="html">li</span><span id="0cw0c0e" class="kwrd">></span> <span id="e006iye" class="kwrd"><</span><span id="8c0mom0" class="html">a</span> <span id="6su606m" class="attr">href</span><span id="yey0mka" class="kwrd">="#"</span> <span id="0c0eo6g" class="attr">rel</span><span id="60m0ecs" class="kwrd">="me"</span><span id="ek0e6ue" class="kwrd">></span> 组 <span id="cauo000" class="kwrd"></</span><span id="8myam0w" class="html">a</span><span id="i0y0aqo" class="kwrd">></span> <span id="mceq8mu" class="kwrd"></</span><span id="ek0wyy0" class="html">li</span><span id="a0c0mkk" class="kwrd">></span> <span id="0mw0yw0" class="kwrd"><</span><span id="g0c0muu" class="html">li</span><span id="m0006ca" class="kwrd">></span> <span id="owosc8g" class="kwrd"><</span><span id="gewi8w0" class="html">a</span> <span id="y8micig" class="attr">href</span><span id="uuwysyo" class="kwrd">="#"</span><span id="wm80caw" class="kwrd">></span> 译消? <span id="e8cw0u6" class="kwrd"></</span><span id="qwyke8w" class="html">a</span><span id="y00u0y6" class="kwrd">></span> <span id="0006qow" class="kwrd"></</span><span id="ioam8ii" class="html">li</span><span id="w0akusi" class="kwrd">></span> <span id="80mya0e" class="kwrd"><</span><span id="000mgw0" class="html">li</span><span id="si000g0" class="kwrd">></span> <span id="weiamks" class="kwrd"><</span><span id="ck8y6cm" class="html">a</span> <span id="000eqwe" class="attr">href</span><span id="ioikm00" class="kwrd">="#"</span><span id="6a0k0qo" class="kwrd">></span> 译 <span id="8q00q60" class="kwrd"></</span><span id="euqs06c" class="html">a</span><span id="s0g0aye" class="kwrd">></span> <span id="w06y0e6" class="kwrd"></</span><span id="eseqqgw" class="html">li</span><span id="m000io0" class="kwrd">></span> <span id="k0ycmkq" class="kwrd"><</span><span id="0gqkmua" class="html">li</span><span id="u0oke0k" class="kwrd">></span> <span id="su80ecs" class="kwrd"><</span><span id="8kuwig0" class="html">a</span> <span id="00o6iqo" class="attr">href</span><span id="m80yigw" class="kwrd">="#"</span><span id="0ceqa0c" class="kwrd">></span> 自己 <span id="oysmo0a" class="kwrd"></</span><span id="us8c000" class="html">a</span><span id="a06keca" class="kwrd">></span> <span id="yu0oqw0" class="kwrd"></</span><span id="06ysw00" class="html">li</span><span id="wm0oqy0" class="kwrd">></span> <span id="y0kgqoe" class="kwrd"><</span><span id="0k0s0yo" class="html">li</span> <span id="0yicwc0" class="attr">id</span><span id="0yy0k00" class="kwrd">="endItem"</span><span id="600asi0" class="kwrd">></span> <span id="o8060k0" class="kwrd"><</span><span id="00ueg0q" class="html">a</span> <span id="0ewysag" class="attr">href</span><span id="e00o6mc" class="kwrd">="#"</span><span id="m0o8s0u" class="kwrd">></span> 帮助 <span id="8kwg60a" class="kwrd"></</span><span id="0q0sw0e" class="html">a</span><span id="wyce8sq" class="kwrd">></span> <span id="i0i0us0" class="kwrd"></</span><span id="kcmqs0i" class="html">li</span><span id="mug8000" class="kwrd">></span> <span id="0cmgqyw" class="kwrd"></</span><span id="qoa600q" class="html">ul</span><span id="emwg0mk" class="kwrd">></span> <span id="muuoi8s" class="kwrd"></</span><span id="g0c0qec" class="html">div</span><span id="iga0ksa" class="kwrd">></span> <span id="kak00oo" class="kwrd"></</span><span id="o0ug000" class="html">body</span><span id="cs00mka" class="kwrd">></span></pre> <style type="text/css">.csharpcode, .csharpcode pre { font-size: small; color: black; font-family: consolas, "Courier New", courier, monospace; background-color: #ffffff; /*white-space: pre;*/ } .csharpcode pre { margin: 0em; } .csharpcode .rem { color: #008000; } .csharpcode .kwrd { color: #0000ff; } .csharpcode .str { color: #006080; } .csharpcode .op { color: #0000c0; } .csharpcode .preproc { color: #cc6633; } .csharpcode .asp { background-color: #ffff00; } .csharpcode .html { color: #800000; } .csharpcode .attr { color: #ff0000; } .csharpcode .alt { background-color: #f4f4f4; width: 100%; margin: 0em; } .csharpcode .lnum { color: #606060; } </style> <p><br><strong>CSS代码Q?/strong></p><pre class="csharpcode"><span id="ssugyw8" class="rem">/*元素选择?/</span> body{color:#000000;font-size:13px} <span id="miceie0" class="rem">/*后代选择?/</span> body h2{ color:red; font-size:32px; } <span id="qmq0q0i" class="rem">/*c选择?/</span> .headContent{ layout-flow: horizontal; PADDING: 6px 0px 0px 1px; MARGIN: 4px 0px 3px 5px; } <span id="we800mc" class="rem">/*l合选择器:c选择器与后代选择器的l合使用*/</span> .headContent ul{ font-size:16px; list-style-type:none; } .headContent li{ <span id="c0oy0w0" class="kwrd">float</span>:left; margin:0px 0px 4px 4px; padding:10px; background-color:#c5c5c5; } <span id="mwyc0qo" class="rem">/*伪类*/</span> a{ TEXT-DECORATION: none; } a:link{ color:blue; } a:visited{ color:green; font-size:85%; } a:hover{ background-color:yellow; TEXT-DECORATION: underline; } <span id="00w000c" class="rem">/*ID选择?/</span> #endItem{ font-size:20px; font-weight:bold; } #firstItem{ font-size:24px: background-color:write; } <span id="euoisqa" class="rem">/*子选择?/</span> #endItem>a{ cursor : help; } <span id="gsm8a00" class="rem">/*盔R选择?/</span> h2+hr{ border-style :dotted; } <span id="yoism06" class="rem">/*属性选择?扑ֱ性rel{于me的a元素*/</span> a[rel=<span id="aise8ca" class="str">"me"</span>]{ cursor : wait; } <span id="0000g0g" class="rem">/*属性选择?扑ֱ性rel包含it的a元素*/</span> a[rel~=<span id="ecm8wm6" class="str">"it"</span>]{ cursor :crosshair; }</pre><pre class="csharpcode"> </pre><pre class="csharpcode">CZ代码下蝲Q?a href="http://m.tkk7.com/Files/ponzmd/%E7%B2%BE%E9%80%9ACSS.rar">CssSelertor.rar</a></pre> <style type="text/css">.csharpcode, .csharpcode pre { font-size: small; color: black; font-family: consolas, "Courier New", courier, monospace; background-color: #ffffff; /*white-space: pre;*/ } .csharpcode pre { margin: 0em; } .csharpcode .rem { color: #008000; } .csharpcode .kwrd { color: #0000ff; } .csharpcode .str { color: #006080; } .csharpcode .op { color: #0000c0; } .csharpcode .preproc { color: #cc6633; } .csharpcode .asp { background-color: #ffff00; } .csharpcode .html { color: #800000; } .csharpcode .attr { color: #ff0000; } .csharpcode .alt { background-color: #f4f4f4; width: 100%; margin: 0em; } .csharpcode .lnum { color: #606060; } </style><img src ="http://m.tkk7.com/ponzmd/aggbug/168369.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://m.tkk7.com/ponzmd/" target="_blank">彭俊</a> 2007-12-17 23:37 <a href="http://m.tkk7.com/ponzmd/archive/2007/12/17/168369.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>我的Blog讄——实记THREEhttp://m.tkk7.com/ponzmd/archive/2007/09/05/142778.html彭俊彭俊Tue, 04 Sep 2007 16:25:00 GMThttp://m.tkk7.com/ponzmd/archive/2007/09/05/142778.htmlhttp://m.tkk7.com/ponzmd/comments/142778.htmlhttp://m.tkk7.com/ponzmd/archive/2007/09/05/142778.html#Feedback1http://m.tkk7.com/ponzmd/comments/commentRss/142778.htmlhttp://m.tkk7.com/ponzmd/services/trackbacks/142778.html阅读全文

彭俊 2007-09-05 00:25 发表评论
]]>
我的Blog讄——实记TWOhttp://m.tkk7.com/ponzmd/archive/2007/09/04/142490.html彭俊彭俊Mon, 03 Sep 2007 19:34:00 GMThttp://m.tkk7.com/ponzmd/archive/2007/09/04/142490.htmlhttp://m.tkk7.com/ponzmd/comments/142490.htmlhttp://m.tkk7.com/ponzmd/archive/2007/09/04/142490.html#Feedback1http://m.tkk7.com/ponzmd/comments/commentRss/142490.htmlhttp://m.tkk7.com/ponzmd/services/trackbacks/142490.html阅读全文

彭俊 2007-09-04 03:34 发表评论
]]>
我的Blog讄——实记ONEhttp://m.tkk7.com/ponzmd/archive/2007/09/03/142475.html彭俊彭俊Mon, 03 Sep 2007 15:51:00 GMThttp://m.tkk7.com/ponzmd/archive/2007/09/03/142475.htmlhttp://m.tkk7.com/ponzmd/comments/142475.htmlhttp://m.tkk7.com/ponzmd/archive/2007/09/03/142475.html#Feedback0http://m.tkk7.com/ponzmd/comments/commentRss/142475.htmlhttp://m.tkk7.com/ponzmd/services/trackbacks/142475.html阅读全文

彭俊 2007-09-03 23:51 发表评论
]]>
վ֩ģ壺 Ļ| Ƶ| һֻ| 輤һ| ĻѸ | һƵ| ѹƵ| ũѸһëƬѿƵ| ֳִˬƵ | þþþþԻAV| ޾Ʒҹþþ| ĻƵ| þþƷAVɫ | Ļ| ۺպĻv | avһ߲| պƵ| ޸һѿ| ޹þþþþþ| һƬɫ| ޹Ʒva߲| Ļ2019| ŷͽȺ| ޾Ʒ| йһػƸѵĴƬйһɫƬ| þҹɫƷ| ޾Ʒѿ| ޳avƬ롿| ëƬ޾Ʒ| ҹѸСӰ| ޹| ùƷӰ˾þ| 뾫Ʒһ | Ƶȫ| ձɫѹۿ| ʮ˽Ƶ߹ۿڵ | va߹ۿ| þþƷѹۿ| ŷպĻһ | ޹һ| Ѳ߹ۿAV|