<?xml version="1.0" encoding="utf-8" ?>
<rss version="2.0">
<channel>
<title>深山工作室 https://www.qwbm.com【DIV+CSS】</title>
<link>https://www.qwbm.com/news.asp?id=52</link>
<description>DIV+CSS https://www.qwbm.com</description>
<category>DIV+CSS</category>
<language>zh-cn</language>
<docs>https://www.qwbm.com/rss.asp</docs>
<generator>https://www.qwbm.com</generator>
<webMaster>565449214@qq.com</webMaster>
<managingEditor>565449214@qq.com</managingEditor>
<pubDate>2007-11-21 下午 23:11:35</pubDate>
<lastBuildDate>2026/4/29 9:04:07</lastBuildDate>
<ttl>20</ttl> 
<copyright>Copyright 2026 深山工作室 https://www.qwbm.com</copyright>
<item>
<guid>942</guid>
<title>jquery设置或获取修改classname</title>
<link>https://www.qwbm.com/new.asp?id=942</link>
<description><![CDATA[

jQuery中使用attr()方法修改”class”属性、也可以用addClass()、removeClass()、toggleClass()、hasClass()以及css()方法来完成


1、javascript addClass
利用document.getElementById("XX")找到document对象、然后再通过addClass("xxx")修改其class值 document.getElementById("XX").addClass("xxx");


2、addClass()
addClass()方法向匹配的元素增加指定的类名(一个或多个)、注意对于元素来说、class属性可以有多个值、该方法不会移除已经存在的值、而是在原有的基础上追加一个或多个class属性
$(".XX").addClass("xxx");


3、removeClass()
removeClass()方法从被选元素移除一个或多个类、如需移除若干类、用空格来分隔类名、如果没有传参数、该方法将会移除被选元素的所有类
$(".XX").removeClas]]></description>
<author></author>
<source>https://www.qwbm.com/new.asp?id=942</source>
<category>DIV+CSS</category>
<pubDate>2021/2/16 14:17:49</pubDate>
</item>
<item>
<guid>927</guid>
<title>利用css3.0写出一个音乐播放的唱片碟盘的效果</title>
<link>https://www.qwbm.com/new.asp?id=927</link>
<description><![CDATA[


&lt;!doctype html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"&gt;
&lt;title&gt;利用css3.0写出一个音乐播放的唱片碟盘的效果&lt;/title&gt;
&lt;/head&gt;

&lt;body&gt;
&lt;div class="vinyldiv"&gt;&lt;/div&gt;

&lt;style&gt;
.vinyldiv {
position: absolute;
top: 2px;
left: 2px;
display: block;
z-index: 10;
width: 112px;
height: 112px;
-webkit-border-radius: 59px;
-moz-border-radius: 59px;
-webkit-box-shadow: 0 0 6px rgba(0,0,0,.5);
-webkit-t]]></description>
<author></author>
<source>https://www.qwbm.com/new.asp?id=927</source>
<category>DIV+CSS</category>
<pubDate>2021/1/24 16:30:44</pubDate>
</item>
<item>
<guid>908</guid>
<title>利用css中的scale()实现放大缩小效果</title>
<link>https://www.qwbm.com/new.asp?id=908</link>
<description><![CDATA[一、scale()方法
缩放，指的是“缩小”和“放大”。在CSS3中，我们可以使用scale()方法来将元素根据中心原点进行缩放。
跟translate()方法一样，缩放scale()方法也有3种情况：
（1）scaleX(x)：元素仅水平方向缩放（X轴缩放）；
（2）scaleY(y)：元素仅垂直方向缩放（Y轴缩放）；
（3）scale(x,y)：元素水平方向和垂直方向同时缩放（X轴和Y轴同时缩放）；

1、scaleX(x)语法：transform:scaleX(x)
说明：x表示元素沿着水平方向（X轴）缩放的倍数，如果大于1就代表放大；如果小于1就代表缩小。

2、scaleY(y)语法：transform:scaleY(y)
说明：y表示元素沿着垂直方向（Y轴）缩放的倍数，如果大于1就代表放大；如果小于1就代表缩小。

3、scale(x,y)
语法：transform:scale(x,y)
说明：
x表示元素沿着水平方向（X轴）缩放的倍数，y表示元素沿着垂直方向（Y轴）缩放的倍数。
注意，Y是一个可选参数，如果没有设置Y值，则表示X、Y两个方]]></description>
<author></author>
<source>https://www.qwbm.com/new.asp?id=908</source>
<category>DIV+CSS</category>
<pubDate>2020/11/5 13:32:29</pubDate>
</item>
<item>
<guid>878</guid>
<title>利用background-color:#000000a8在背景颜色16进制代码之后加字母加上数字让背景色透明</title>
<link>https://www.qwbm.com/new.asp?id=878</link>
<description><![CDATA[效果展示：






在CSS中，当需要背景透明时，只要在这个16进制的6位数颜色代码之后加上一个字母与数字，就可以让当前这个层相应的纯色有透明效果。

主要代码：background-color:#000000a8;

以下是演示代码

&lt;div style="background:#f20 url(2.jpg);width:100%;height:250px;padding:30px;"&gt;
&lt;div style="background-color:#000000a8;border-radius:10px;height:50px;width:200px;color:#fff;margin:10px;"&gt;aaa111&lt;/div&gt;
&lt;div style="background-color:#ff6600a8;border-radius:10px;height:50px;width:200px;color:#fff;margin:10px;"&gt;aaa222&lt;/div&gt;
&lt;div style=]]></description>
<author>深山工作室</author>
<source>https://www.qwbm.com/new.asp?id=878</source>
<category>DIV+CSS</category>
<pubDate>2020/7/20 11:23:03</pubDate>
</item>
<item>
<guid>876</guid>
<title>css背景使用base64编码或者将base64编码放在img图片标签中</title>
<link>https://www.qwbm.com/new.asp?id=876</link>
<description><![CDATA[css背景使用base64编码或者将base64编码放在img图片标签中


将图片转为base64编码然后放在css的background背景中使用或者放在前台 img 图片标签中直接使用
减少HTTP请求，加快小图像或者小图标的加载时间。

// Base64 在CSS中背景图使用
.diymenu {
&nbsp; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAGi0lEQVR4Xu2baYgcRRTH/28mmeoeE9GgguKnoCh+8UOiqNF47MxsjBfq9oriRUBFjOIFIiJGCUHR4BlRUcQTMcaQy2S7J7dGo8ZICCHEJd63yRp3Z3p6NjtPerKG2WN2uqpm1mW26mu/36uqH6+6q6drCKZpGSAt2sAwAjWLwAg0AjUNaOKmAo1ATQOauKlAI1DTgCZuKtAI1DSgiZsKNAI1DWjipgKNQE0Dg3CrIzEPc]]></description>
<author></author>
<source>https://www.qwbm.com/new.asp?id=876</source>
<category>DIV+CSS</category>
<pubDate>2020/5/4 15:19:18</pubDate>
</item>
<item>
<guid>874</guid>
<title>利用css3中的-webkit-font-smoothing把网页文字的毛边去掉</title>
<link>https://www.qwbm.com/new.asp?id=874</link>
<description><![CDATA[-webkit-font-smoothing: antialiased;

在Safiri下字体渲染不佳的时候用这个代码可以有效解决。简直神奇！]]></description>
<author></author>
<source>https://www.qwbm.com/new.asp?id=874</source>
<category>DIV+CSS</category>
<pubDate>2020/1/20 13:48:55</pubDate>
</item>
<item>
<guid>866</guid>
<title>解决手机端微信浏览器中视频自动播放和默认全屏问题</title>
<link>https://www.qwbm.com/new.asp?id=866</link>
<description><![CDATA[1.早期因为带宽和流量的因素，移动端浏览器禁止视频自动播放，现在流量便宜了、手机硬件越来越好了，部分可支持了
2.在移动端浏览器， video 在用户点击播放或者通过API video.play() 触发播放时，会强制以全屏置顶的形式进行播放，设计的初衷可能是因为全屏能提供更好的用户体验

&lt;video controls="controls" src="" id="ckplayer_a1" x5-video-player-type="h5" x5-video-player-fullscreen="true" preload="metadata" playsinline="true" webkit-playsinline="true"&nbsp; x-webkit-airplay="true" x5-video-orientation="portraint"&gt;&lt;/video&gt;

playsinline="true" webkit-playsinline="true" 解决ios自动播放全屏问题
x5-video-player-type="h5" x5-]]></description>
<author></author>
<source>https://www.qwbm.com/new.asp?id=866</source>
<category>DIV+CSS</category>
<pubDate>2019/12/11 14:14:19</pubDate>
</item>
<item>
<guid>833</guid>
<title>利用CSS实现半透明效果兼容IE与火狐与chrome等浏览器</title>
<link>https://www.qwbm.com/new.asp?id=833</link>
<description><![CDATA[直接上代码，兼容IE,firefox,chrome,Safari,Opera等主流浏览器的半透明CSS代码：

filter:alpha(opacity=50);
opacity: 0.5;
-moz-opacity:0.5;

几个属性的意思是：

opacity: 0.5; CSS的标准，支持chrome,firefox, Safari和 Opera，取值范围0-1。
filter:alpha(opacity=50); 这个是为IE设的，取值范围0-100。
-moz-opacity:0.5; 支持老版本的Mozilla，取值范围0-1。
-khtml-opacity: 0.5; 支持老版本的Safari浏览器，取值范围0-1。


以下是测试代码

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://]]></description>
<author>深山工作室</author>
<source>https://www.qwbm.com/new.asp?id=833</source>
<category>DIV+CSS</category>
<pubDate>2018/4/15 16:01:30</pubDate>
</item>
<item>
<guid>812</guid>
<title>在table中tr的display:block在firefox下显示布局错乱问题</title>
<link>https://www.qwbm.com/new.asp?id=812</link>
<description><![CDATA[在table中tr的display:block在firefox下显示布局错乱问题





按照常理，对于某一单元行需要显示时，使用：display:block属性，不需要显示时使用display:none属性，而且这样做在IE浏 览器中显示正常，没有任何问题。



但是当用Firefox浏览时却出现了布局错乱的问题，然后通FireBug去看了下源码，调试下了，发现是display:block属性搞的 鬼。


1、当表格为多列的情况下，属性为"display:block"行的内容宽度仅与第一列宽度相同，也就是说无论你使colspan的属性值为多 少，剩余列的空间都不进行解析。&nbsp;
2、同一行反复的在"display:none;"与"display:block;"两个状态间切换时，表格的 底部会持续的产生多余的空白空间以至于造成页面布局的扭曲。


解决方法：&nbsp;
1、用display:table-row属性来调试，发现者FireFox下正常了，但IE是不支持改属性的，怎么办呢？用 JS来做判断，然后做兼容吧。&nbsp;
2、另]]></description>
<author></author>
<source>https://www.qwbm.com/new.asp?id=812</source>
<category>DIV+CSS</category>
<pubDate>2015/5/23 16:03:31</pubDate>
</item>
<item>
<guid>732</guid>
<title>在未知图片的宽度与高度时利用div+css将图片居中</title>
<link>https://www.qwbm.com/new.asp?id=732</link>
<description><![CDATA[
  
  以下为详细代码
  &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
  &lt;link href="http://img.daqianduan.com/ui/favicon.ico" rel="shortcut icon"&gt;
  &lt;title&gt;在未知图片的宽度与高度时利用div+css将图片居中 &lt;/title&gt;
  &lt;style type="text/css"&gt;
  /*For Firefox Chrome*/
  .]]></description>
<author>深山行者</author>
<source>https://www.qwbm.com/new.asp?id=732</source>
<category>DIV+CSS</category>
<pubDate>2012/11/20 18:14:15</pubDate>
</item>
<item>
<guid>729</guid>
<title>用css做的英文首字母大写和英文全都大写通过各个浏览器</title>
<link>https://www.qwbm.com/new.asp?id=729</link>
<description><![CDATA[
    
    以下为详细代码
    &lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;
    &lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
    &lt;head&gt;
    &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=gb2312&quot; /&gt;
    &lt;title&gt;用css做的英文首字母大写和英文全都大写通过各个浏览器&lt;/title&gt;
    &lt;style&gt;
    .test_first div:first-letter {text-transform:uppercase;}/*]]></description>
<author>深山行者</author>
<source>https://www.qwbm.com/new.asp?id=729</source>
<category>DIV+CSS</category>
<pubDate>2012/11/2 17:17:29</pubDate>
</item>
<item>
<guid>710</guid>
<title>css优先级的例子</title>
<link>https://www.qwbm.com/new.asp?id=710</link>
<description><![CDATA[
    
    以下为详细代码
    &lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;
    &lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
    &lt;head&gt;
    &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=gb2312&quot; /&gt;
    &lt;title&gt;css优先级的例子&lt;/title&gt;
    &lt;style type=&quot;text/css&quot;&gt;
    .classA .classB{ color:red;}/* 10 + 10 =20*/
    ]]></description>
<author>深山行者</author>
<source>https://www.qwbm.com/new.asp?id=710</source>
<category>DIV+CSS</category>
<pubDate>2012/1/7 8:38:12</pubDate>
</item>
<item>
<guid>708</guid>
<title>让DIV固定在浏览器窗口的底部（兼容IE6）</title>
<link>https://www.qwbm.com/new.asp?id=708</link>
<description><![CDATA[这个例子是实现层固定在浏览器窗口的最下面，兼容IE6


    
    以下为详细代码
    &lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;
    &lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
    &lt;head&gt;
    &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;
    &lt;title&gt;ie6层固定&lt;/title&gt;
    &lt;style type=&quot;text/css&quot;&gt;
    &lt;!--
    .bookbox {]]></description>
<author>深山行者</author>
<source>https://www.qwbm.com/new.asp?id=708</source>
<category>DIV+CSS</category>
<pubDate>2011/12/15 19:12:47</pubDate>
</item>
<item>
<guid>673</guid>
<title>innerHTML动态改变ID的CSS样式表</title>
<link>https://www.qwbm.com/new.asp?id=673</link>
<description><![CDATA[IE不认的
&lt;div id=&quot;qwbmids&quot;&gt;&lt;/div&gt;&nbsp;&nbsp; 
&lt;script&gt;&nbsp;&nbsp; 
document.getElementById(&quot;qwbmids&quot;).innerHTML += &quot;&lt;style&gt;strong{color:red}&lt;/style&gt;&lt;strong&gt;hello!World!!!&lt;/strong&gt;&quot;;&nbsp;&nbsp;&nbsp; 
&lt;/script&gt;

IE正常显示
&lt;div id=&quot;qwbmids&quot;&gt;&lt;/div&gt;&nbsp;&nbsp; 
&lt;script&gt;&nbsp;&nbsp; 
document.getElementById(&quot;qwbmids&quot;).innerHTML += &quot;&lt;这里随便插入一个标签就能正常显示出来&gt;__&lt;style&gt;st]]></description>
<author>深山行者</author>
<source>https://www.qwbm.com/new.asp?id=673</source>
<category>DIV+CSS</category>
<pubDate>2011/2/9 16:02:02</pubDate>
</item>
<item>
<guid>669</guid>
<title>MarkMan 马克鳗，让设计更有爱 (超级给力的页面标注工具)</title>
<link>https://www.qwbm.com/new.asp?id=669</link>
<description><![CDATA[&nbsp;(超级给力的页面标注工具)

http://www.getmarkman.com/download/MarkMan.air

MarkMan 是一款方便高效的标注工具，极大节省设计师在设计稿上添加和修改标注的时间，让设计更有爱。

马克鳗(markman)是既有爱又给力的长度标注神器，马克鳗使用起来也是非常简单，双击添加测量，单击改变横纵方向等等功能，基本都是一建完成。马克鳗是基于 air 平台。

http://www.getmarkman.com/

]]></description>
<author>深山行者</author>
<source>https://www.qwbm.com/new.asp?id=669</source>
<category>DIV+CSS</category>
<pubDate>2011/1/27 15:47:30</pubDate>
</item>
<item>
<guid>645</guid>
<title>IE8 CSS HACK 兼容</title>
<link>https://www.qwbm.com/new.asp?id=645</link>
<description><![CDATA[IE8 CSS HACK 兼容集合"\9"　例:"margin:0px auto\9;".这里的"\9"可以区别所有IE和FireFox.&nbsp;&nbsp; "*"　IE6、IE7可以识别.IE8、FireFox不能.&nbsp;&nbsp; "_"　IE6可以识别"_",IE7、IE8、FireFox不能.&nbsp;


以下为详细代码
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
&lt;FCK:meta http-equiv="Content-Type" content="text/html; charset=utf-8"  /&gt;
&lt;title&gt;区别IE6、IE7、IE8、FireFox的CSS hack&l]]></description>
<author>深山行者</author>
<source>https://www.qwbm.com/new.asp?id=645</source>
<category>DIV+CSS</category>
<pubDate>2010/8/16 16:18:26</pubDate>
</item>
<item>
<guid>640</guid>
<title>IE6不支持png24的解决办法(png24做为css的背景)</title>
<link>https://www.qwbm.com/new.asp?id=640</link>
<description><![CDATA[
  
  以下为详细代码
  &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-type" content="text/html; charset=utf-8" /&gt;
  &lt;title&gt;IE6不支持png24的解决办法(png24做为css的背景)&lt;/title&gt;
  &lt;style type="text/css"&gt;
  body {background:#333;}
  .div1 {behavior:url(/UploadFiles/demo/iepngfix.htc);}
  img {behavior:url(/UploadFiles/demo/iepngfix.htc);}
  &lt;/sty]]></description>
<author>深山行者</author>
<source>https://www.qwbm.com/new.asp?id=640</source>
<category>DIV+CSS</category>
<pubDate>2010/7/12 17:10:25</pubDate>
</item>
<item>
<guid>620</guid>
<title>利用position把div放在flash上</title>
<link>https://www.qwbm.com/new.asp?id=620</link>
<description><![CDATA[只要在Flash对象加入页面时生成的HTML代码中加入以下参数就可以让Div浮动层从Flash下露出来了：&lt;param name="wmode" value="transparent" /&gt;
另外，发现另外一个更专业的参数：&lt;param name="wmode" value="opaque" /&gt;
transparent是负责透明的，显出浮动只不过是他的一个副业而已；而opaque才是专门负责让Flash位于其它层下的。
兼容FF 需要加一段
&lt;embed src="hehe.swf" quality="high" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="500" height="220"&gt;&lt;/embed&gt;

之后就是通过设置div的style，如position:absolute等等，让div浮起来。为了方便计算div的位置]]></description>
<author>深山行者</author>
<source>https://www.qwbm.com/new.asp?id=620</source>
<category>DIV+CSS</category>
<pubDate>2010/4/29 22:41:32</pubDate>
</item>
<item>
<guid>618</guid>
<title>网页页面变灰，网页变成黑白色</title>
<link>https://www.qwbm.com/new.asp?id=618</link>
<description><![CDATA[2020新版的设置网页为黑白色的代码。

&lt;style&gt; 
&nbsp;&nbsp;&nbsp; html { 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; -webkit-filter: grayscale(100%); 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; -moz-filter: grayscale(100%); 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; -ms-filter: grayscale(100%); 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; -o-filter: grayscale(100%); 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);&nbsp; 
&nbsp;&nbsp;&nbs]]></description>
<author>深山行者</author>
<source>https://www.qwbm.com/new.asp?id=618</source>
<category>DIV+CSS</category>
<pubDate>2010/4/20 21:38:20</pubDate>
</item>
<item>
<guid>616</guid>
<title>这个超级强的div+css图片大小自适应</title>
<link>https://www.qwbm.com/new.asp?id=616</link>
<description><![CDATA[
  
  以下为详细代码
  &lt;style&gt;
  .mnlc9_l {
  float:left;
  overflow:hidden;
  width:110px;
  height:110px;
  padding:3px;
  border:solid 1px #d7d7d7;
  text-align:center;
  vertical-align:middle;
  position:relative;
  display:table-cell;
  }
  .mnlc9_l .c { *position:absolute; top:51%; }
  .mnlc9_l .d{ *position:relative; top:-49%; left:-50%;width:100px;}
  &lt;/style&gt;
  &lt;div class="mnlc9_l"&gt;&lt;a href="#" target=_blank class="c"&gt;&lt;img class="d" src="/UploadFile]]></description>
<author>深山行者</author>
<source>https://www.qwbm.com/new.asp?id=616</source>
<category>DIV+CSS</category>
<pubDate>2010/4/6 15:19:23</pubDate>
</item>
<item>
<guid>611</guid>
<title>DIV+CSS分页代码,放大镜分页效果</title>
<link>https://www.qwbm.com/new.asp?id=611</link>
<description><![CDATA[

以下为详细代码
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
&lt;title&gt;给放大的分页&lt;/title&gt;
&lt;meta name="author" content="aoao" /&gt;
&lt;meta content="all" name="robots" /&gt;

&lt;/head&gt;

&lt;body&gt;



&lt;br /&gt;
&lt;br /&gt;
&lt;!--hovershow start--&gt;
&lt;sty]]></description>
<author>深山行者</author>
<source>https://www.qwbm.com/new.asp?id=611</source>
<category>DIV+CSS</category>
<pubDate>2010/3/15 19:25:12</pubDate>
</item>
<item>
<guid>603</guid>
<title>CSS代码格式化和压缩化</title>
<link>https://www.qwbm.com/new.asp?id=603</link>
<description><![CDATA[

以下为详细代码
&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&gt; 
&lt;html&gt; 
&lt;head&gt; 
&lt;title&gt; 格式化CSS 和压缩化CSS &lt;/title&gt; 
&lt;meta name="Generator" content="EditPlus"&gt; 
&lt;meta name="Author" content=""&gt; 
&lt;meta name="Keywords" content=""&gt; 
&lt;meta name="Description" content=""&gt; 
&lt;/head&gt; 
&lt;body&gt; 
&lt;script language="JavaScript"&gt; 
&lt;!-- 
function $() { 
var elements = new Array(); 
for (var i = 0; i &lt; arguments.le]]></description>
<author>深山行者</author>
<source>https://www.qwbm.com/new.asp?id=603</source>
<category>DIV+CSS</category>
<pubDate>2010/2/7 20:54:55</pubDate>
</item>
<item>
<guid>595</guid>
<title>提交按钮在自定时间内灰色不可用</title>
<link>https://www.qwbm.com/new.asp?id=595</link>
<description><![CDATA[很多网站有一个很有意思的功能，就是你注册的时候，“同意”按钮呈灰色不可用状态。并且自动倒计时，时间到了之后该按钮才能用。这个功能无非是让用户先阅读他的条款。用JavaScript脚本语言可以达到这个功能。代码如下


以下为详细代码
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;同意条款&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;form id="form1" name="form1" method="post" action=""&gt;
&lt;input type="submit" name="Submit" value="同意" /&gt;
&lt;/form&gt;
&lt;script language="javascript"&gt;
document.form1.Submit.disabled = true;
var wait = 9; //停留时间
function updateinfo(){
  if(wait == 0){
    document.f]]></description>
<author>深山行者</author>
<source>https://www.qwbm.com/new.asp?id=595</source>
<category>DIV+CSS</category>
<pubDate>2009/12/22 14:07:46</pubDate>
</item>
<item>
<guid>594</guid>
<title>利用DIV+CSS做的柱状图（3）</title>
<link>https://www.qwbm.com/new.asp?id=594</link>
<description><![CDATA[

以下为详细代码
&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt;
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;利用DIV+CSS做的柱状图（3）&lt;/title&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=gbk"&gt;
&lt;style type="text/css"&gt;
.chart {
	font-family: Tahoma;
	font-size: 12px;
	border: 1px solid #ccc;
	float: left;
	margin: 0;
	padding: .4em .1em;
}

.chart li {
	list-style: none;
	float: left;
	width: 5em;
	text-align: center;
	background: url(http]]></description>
<author>深山行者</author>
<source>https://www.qwbm.com/new.asp?id=594</source>
<category>DIV+CSS</category>
<pubDate>2009/12/22 14:07:46</pubDate>
</item>
<item>
<guid>589</guid>
<title>IE中奇怪的左右border断线现象</title>
<link>https://www.qwbm.com/new.asp?id=589</link>
<description><![CDATA[假如容器内有两个浮动，并用CLEAR清除浮动。在ie下拖动滚动条时最外层的border会消失，假如给最外层加上宽度或者高度就不会出现。这是一个希奇的现象，目前还不能解释是什么原因所导致的。看下面的示例：


以下为详细代码
&lt;div style="margin:500px 100px 10px 100px;padding:50px;border:1px solid #ccc;line-height:300%"&gt;
&lt;div style="float:left"&gt;
网页标准化过程中一些理论&lt;br /&gt;
网页标准化过程中一些理论&lt;br /&gt;
网页标准化过程中一些理论&lt;br /&gt;
网页标准化过程中一些理论&lt;br /&gt;
&lt;/div&gt;
&lt;div style="float:right"&gt;
网页标准化过程中一些理论&lt;br /&gt;
网页标准化过程中一些理论&lt;br /&gt;
网页标准化过程中一些理论&lt;br /&gt;
网页标准化过程中一些理论&lt;br /]]></description>
<author>深山行者</author>
<source>https://www.qwbm.com/new.asp?id=589</source>
<category>DIV+CSS</category>
<pubDate>2009/12/22 14:07:43</pubDate>
</item>
<item>
<guid>588</guid>
<title>Javascript实现CSS代码高亮显示</title>
<link>https://www.qwbm.com/new.asp?id=588</link>
<description><![CDATA[

以下为详细代码
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312" /&gt;
&lt;title&gt;Javascript实现CSS代码高亮显示1&lt;/title&gt;
&lt;style type="text/css"&gt;
/*
*/
body{
	font-size:12px;
	line-height:1.8;
	font-family:'Courier New', Courier, monospace;
}
#area{
	width:320px;
	heigh]]></description>
<author>深山行者</author>
<source>https://www.qwbm.com/new.asp?id=588</source>
<category>DIV+CSS</category>
<pubDate>2009/12/22 14:07:43</pubDate>
</item>
<item>
<guid>573</guid>
<title>仿taobao效果拼音字母检索功能</title>
<link>https://www.qwbm.com/new.asp?id=573</link>
<description><![CDATA[
  
  以下为详细代码
  &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-loose.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312" /&gt;
  &lt;title&gt;仿taobao效果拼音字母检索功能&lt;/title&gt;
  &lt;style type="text/css"&gt;
  *{ margin:0;padding:0;}
  body{ font:normal 12px Verdana, Arial, Helvetica, sans-serif; text-align:center;}
  #warpper{ posit]]></description>
<author>深山行者</author>
<source>https://www.qwbm.com/new.asp?id=573</source>
<category>DIV+CSS</category>
<pubDate>2009/12/22 14:07:34</pubDate>
</item>
<item>
<guid>569</guid>
<title>CSS+ul 实现的柱状图</title>
<link>https://www.qwbm.com/new.asp?id=569</link>
<description><![CDATA[


以下为详细代码
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
 &lt;head&gt;
  &lt;title&gt; 基于CSS的柱状图实现——Dudo博客 &lt;/title&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /&gt;
    &lt;style type="text/css"&gt;
 body {padding:0;margin:40px;font-size:9pt;font-family:Helvetica,Geneva,sans-serif;}
 h3 {font-weight:normal;display:block;]]></description>
<author>深山行者</author>
<source>https://www.qwbm.com/new.asp?id=569</source>
<category>DIV+CSS</category>
<pubDate>2009/9/21 8:36:45</pubDate>
</item>
<item>
<guid>565</guid>
<title>DIV+CSS做的透明菜单兼容IE、FF等</title>
<link>https://www.qwbm.com/new.asp?id=565</link>
<description><![CDATA[.menuc li {display:block;line-height:32px;position:relative;float:left;}/*关键部分*/&nbsp; 


以下为详细代码
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
&lt;title&gt;DIV+CSS做的透明菜单兼容IE、FF等&lt;/title&gt;
&lt;style&gt;
html,body,div,span,object,h1,h2,h3,h4,h5,h6,table,tr,td,p,img,ul,li,dl,dt,dd {margin:0;padding:0;border:0;}
html,body {outline:0;font-weig]]></description>
<author>深山行者</author>
<source>https://www.qwbm.com/new.asp?id=565</source>
<category>DIV+CSS</category>
<pubDate>2009/9/18 17:13:53</pubDate>
</item>
<item>
<guid>522</guid>
<title>超强的中间自适应,左右固定,有许多值得学习的地方</title>
<link>https://www.qwbm.com/new.asp?id=522</link>
<description><![CDATA[

以下为详细代码
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
&lt;meta name="keywords" content=""/&gt;
&lt;meta name="description" content="" /&gt;
&lt;link href="#" type="text/css" rel="stylesheet" rev="stylesheet" media="screen" /&gt;
&lt;title&gt;中间自适应,左右固定&lt;/title&gt;]]></description>
<author>深山行者</author>
<source>https://www.qwbm.com/new.asp?id=522</source>
<category>DIV+CSS</category>
<pubDate>2009/8/15 8:45:19</pubDate>
</item>
<item>
<guid>520</guid>
<title>css里media属性详解</title>
<link>https://www.qwbm.com/new.asp?id=520</link>
<description><![CDATA[样式单的一个最重要的特点就是它可以作用于多种媒体，比如页面、屏幕、电子合成器等等。特定的属性只能作用于特定的媒体，如"font-size"属性只对可卷动的媒体类型有效(屏幕)。
声明一个媒体属性可以用@import或@media引入：
以下是引用片段：
@import url(loudvoice.css) speech;
@media print {
/* style sheet for print goes here */
} 
也可以在文档标记中引入媒体：
以下是引用片段：
&lt;link rel="stylesheet" type="text/css" media="print" href="foo.css"&gt; 
可以看出，@import和@media的区别在于，前者引入外部的样式单用于媒体类型，后者直接引入媒体属性。@import的使用方法是@import加样式单文件的URL地址再加媒体类型，可以多个媒体共用一个样式单，媒体类型之间用"，"分割符分开。@media用法则是把媒体类型放在前面，其他规则和rule-set基本一样。下面列出各种媒体类型：]]></description>
<author>深山行者</author>
<source>https://www.qwbm.com/new.asp?id=520</source>
<category>DIV+CSS</category>
<pubDate>2009/8/13 8:12:41</pubDate>
</item>
<item>
<guid>495</guid>
<title>支持IE与firefox(火狐)的css写省略号方法</title>
<link>https://www.qwbm.com/new.asp?id=495</link>
<description><![CDATA[

以下为详细代码
&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312"&gt;
&lt;title&gt;支持IE与firefox(火狐)的css写省略号方法&lt;/title&gt;
&lt;style&gt;
* {margin:0;padding:0;}

ul {
width: 300px;
margin: 40px auto;
padding: 12px 4px 12px 24px;
border: 1px solid #D4D4D4;
background: #F1F1F1;}
li {margin:12px 0;}
li a {
display: block;
width: 220px;
overf]]></description>
<author>深山行者</author>
<source>https://www.qwbm.com/new.asp?id=495</source>
<category>DIV+CSS</category>
<pubDate>2009/7/2 16:49:55</pubDate>
</item>
<item>
<guid>494</guid>
<title>css分页放大效果</title>
<link>https://www.qwbm.com/new.asp?id=494</link>
<description><![CDATA[

以下为详细代码
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
&lt;style type="text/css"&gt;
&lt;!--
a {
    float:left;
    margin:5px 1px 0 1px;
    width:20px;
    height:20px;
    color:#999;
    font:12px/20px 宋体;
    text-align:center;
    text-decoration:none;
    border:1px solid orange;
    }
a:hover {
    position:relative;
    margin:0 -9px 0 -9px;
    padding:0 5px;
    width:30px;
    height:30px;
]]></description>
<author>深山行者</author>
<source>https://www.qwbm.com/new.asp?id=494</source>
<category>DIV+CSS</category>
<pubDate>2009/7/2 16:40:32</pubDate>
</item>
<item>
<guid>490</guid>
<title>仿百度知道宽度高度自适应的圆角边框</title>
<link>https://www.qwbm.com/new.asp?id=490</link>
<description><![CDATA[ 


以下为详细代码
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;title&gt;仿百度宽度高度自适应的圆角&lt;/title&gt;
&lt;head&gt;
&lt;style type="text/css"&gt;
.conternt{
position:relative;
width:300px;
height:200px;
background:#DBEDF5;
border:#9BC9DF 1px solid;
}
.conternt p{margin:10px}
.lt,.ld,.rt,.rd{
	position:absolute;
	width:3px;
	height:3px;
	overflow:hid]]></description>
<author>深山行者</author>
<source>https://www.qwbm.com/new.asp?id=490</source>
<category>DIV+CSS</category>
<pubDate>2009/6/18 16:58:47</pubDate>
</item>
<item>
<guid>488</guid>
<title>在图片未知尺寸情况下，利用CSS把图片垂直居中于div中心(2)</title>
<link>https://www.qwbm.com/new.asp?id=488</link>
<description><![CDATA[

以下为详细代码
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312" /&gt;
&lt;title&gt;在图片未知尺寸情况下，利用CSS把图片垂直居中于div中心(2)&lt;/title&gt;
&lt;style type="text/css"&gt;
&lt;!-- 
* {margin:0;padding:0}
div {
  width:500px;
  height:500px;
  line-height:500px;
  border:1px solid #666;
  overflow:hi]]></description>
<author>深山行者</author>
<source>https://www.qwbm.com/new.asp?id=488</source>
<category>DIV+CSS</category>
<pubDate>2009/6/17 15:21:12</pubDate>
</item>
<item>
<guid>487</guid>
<title>在图片未知尺寸情况下，利用CSS把图片垂直居中于div中心</title>
<link>https://www.qwbm.com/new.asp?id=487</link>
<description><![CDATA[
  
  以下为详细代码
  &lt;style type="text/css"&gt;
  * { margin:0; padding:0;}
  #demo {
  width:300px;
  text-align:center;
  border:1px solid #f00;
  line-height:300px;
  overflow:hidden;
  height:300px;
  float:left;
  font-size:12px;
  _font-size:250px;
  }
  #demo img {vertical-align:middle}
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  在图片未知尺寸情况下，利用CSS把图片垂直居中于div中心
  &lt;div id="demo"&gt;
  &lt;img src="/UploadFiles/demo/001.png" /&gt;
  &lt;/div&gt;
  &lt;/body&gt; ]]></description>
<author>深山行者</author>
<source>https://www.qwbm.com/new.asp?id=487</source>
<category>DIV+CSS</category>
<pubDate>2009/6/17 15:19:01</pubDate>
</item>
<item>
<guid>473</guid>
<title>expression为什么性能差？[转帖]</title>
<link>https://www.qwbm.com/new.asp?id=473</link>
<description><![CDATA[以下是YUI中不建议用的一些说明：
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 表达式的问题就在于它的计算频率要比我们想象的多。不仅仅是在页面显示和缩放时，就是在页面滚动、乃至移动鼠标时都会要重新计算一次。给CSS表达式增加一个计数器可以跟踪表达式的计算频率。在页面中随便移动鼠标都可以轻松达到10000次以上的计算量。
&nbsp;&nbsp;&nbsp;&nbsp; 一个减少CSS表达式计算次数的方法就是使用一次性的表达式，它在第一次运行时将结果赋给指定的样式属性，并用这个属性来代替CSS表达式。如果样式属性必须在页面周期内动态地改变，使用事件句柄来代替CSS表达式是一个可行办法。如果必须使用CSS表达式，一定要记住它们要计算成千上万次并且可能会对你页面的性能产生影响。 
我写了一个例子用来看为什么性能差（在IE6中运行）：

以下为详细代码
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-t]]></description>
<author>深山行者</author>
<source>https://www.qwbm.com/new.asp?id=473</source>
<category>DIV+CSS</category>
<pubDate>2009/5/27 15:08:57</pubDate>
</item>
<item>
<guid>472</guid>
<title>网易评论的盖楼样式</title>
<link>https://www.qwbm.com/new.asp?id=472</link>
<description><![CDATA[看许多的评论方式,觉得网易的盖楼评论方式非常的酷,于是就是仿了一个,将会用在我的简易BBS里面,以下是一些内容

以下为详细代码
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312" /&gt;
&lt;title&gt;网易评论的盖楼样式&lt;/title&gt;
&lt;style type="text/css"&gt;
&lt;!--
body,td,th {
	font-size: 12px;
	background:#f0f0f0;
}

.pluns {width:800px;ma]]></description>
<author>深山行者</author>
<source>https://www.qwbm.com/new.asp?id=472</source>
<category>DIV+CSS</category>
<pubDate>2009/5/27 15:04:50</pubDate>
</item>
<item>
<guid>468</guid>
<title>简单的圆角实现方案</title>
<link>https://www.qwbm.com/new.asp?id=468</link>
<description><![CDATA[

以下为详细代码
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312" /&gt;
&lt;title&gt;简单的圆角实现方案&lt;/title&gt;
&lt;meta name="description" content="" /&gt;
&lt;meta name="keywords" content="" /&gt;
&lt;meta name="owner" content="" /&gt;
&lt;meta name="robots" content="index, follow" /]]></description>
<author>深山行者</author>
<source>https://www.qwbm.com/new.asp?id=468</source>
<category>DIV+CSS</category>
<pubDate>2009/5/13 22:11:12</pubDate>
</item>
<item>
<guid>467</guid>
<title>css 里面的图片定位position高级应用</title>
<link>https://www.qwbm.com/new.asp?id=467</link>
<description><![CDATA[ 

以下为详细代码
&lt;html&gt;

&lt;head&gt;
 &lt;title&gt;CSS Sprites: Image Slicing's Kiss of Death&lt;/title&gt;
 &lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312" /&gt;
 &lt;style media="screen"&gt;

#skyline {
 width: 400px;
 height: 200px;
 background: url(./UploadFiles/2009512232323738.jpg);
 margin: 10px auto; padding: 0;
 position: relative;
}
#skyline li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#skyline li, #skyline a {hei]]></description>
<author>admin</author>
<source>https://www.qwbm.com/new.asp?id=467</source>
<category>DIV+CSS</category>
<pubDate>2009/5/12 23:11:43</pubDate>
</item>
<item>
<guid>465</guid>
<title>利用css制作简易相册</title>
<link>https://www.qwbm.com/new.asp?id=465</link>
<description><![CDATA[
以下为详细代码
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
&lt;meta name="Author" content="linxz http://www.linxz.cn" /&gt;
&lt;meta name="Keywords" content="CSS相册,web标准,linxz,林小志" /&gt;
&lt;meta name="Description" content="利用css中的:hover来实现无JS辅助的相册，但功能有限！" /&gt;
&lt;title&gt;简易css相册 by]]></description>
<author>深山行者</author>
<source>https://www.qwbm.com/new.asp?id=465</source>
<category>DIV+CSS</category>
<pubDate>2009/5/9 21:23:48</pubDate>
</item>
<item>
<guid>464</guid>
<title>相册列表显示模式</title>
<link>https://www.qwbm.com/new.asp?id=464</link>
<description><![CDATA[
以下为详细代码
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
&lt;meta name="author" content="Linxz" /&gt;
&lt;meta name="Keywords" content="css,相册,album,列表,linxz,林小志" /&gt;
&lt;meta name="Description" content="CSS相册列表，鼠标经过放大高亮显示" /&gt;
&lt;style type="text/css"&gt;
* {margin]]></description>
<author>深山行者</author>
<source>https://www.qwbm.com/new.asp?id=464</source>
<category>DIV+CSS</category>
<pubDate>2009/5/9 21:04:13</pubDate>
</item>
<item>
<guid>406</guid>
<title>div中的图片链接居中的问题</title>
<link>https://www.qwbm.com/new.asp?id=406</link>
<description><![CDATA[
以下为详细代码
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312" /&gt;
&lt;title&gt;div中的图片链接居中的问题&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;style&gt;
* {paddding:0;margin:0;border:0;}
.divbox {
margin:38px;
width:200px;
height:200px;
background:#E6E6E6;
position:relative;/*]]></description>
<author>深山行者</author>
<source>https://www.qwbm.com/new.asp?id=406</source>
<category>DIV+CSS</category>
<pubDate>2009/3/8 9:20:48</pubDate>
</item>
<item>
<guid>395</guid>
<title>css改变页面中的文字颜色与字体粗体</title>
<link>https://www.qwbm.com/new.asp?id=395</link>
<description><![CDATA[
以下为详细代码
css改变页面中的文字颜色与字体粗体


&lt;DIV id=newsContent style="height:150px;"&gt;                4、风格选择的实现：写在页面的body中CODE&lt;/DIV&gt;


&lt;SELECT name="select3" onchange="javascript:document.getElementById('newsContent').style.backgroundColor = this.value;"&gt;
&lt;OPTION style="COLOR: rgb(255,255,255); BACKGROUND-COLOR: rgb(102,102,102)" value=#666666 selected&gt;#666666&lt;/OPTION&gt;
&lt;OPTION style="COLOR: rgb(255,255,255); BACKGROUND-COLOR: rgb(51,51,51)" value=#333333&gt;#333333&l]]></description>
<author>深山行者</author>
<source>https://www.qwbm.com/new.asp?id=395</source>
<category>DIV+CSS</category>
<pubDate>2009/2/23 22:35:34</pubDate>
</item>
<item>
<guid>393</guid>
<title>CSS分页符代码01</title>
<link>https://www.qwbm.com/new.asp?id=393</link>
<description><![CDATA[
以下为详细代码
&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&gt;
&lt;HTML&gt;
 &lt;HEAD&gt;
  &lt;TITLE&gt;CSS分页符代码01&lt;/TITLE&gt;
  &lt;META NAME="Generator" CONTENT="EditPlus"&gt;
  &lt;META NAME="Author" CONTENT=""&gt;
  &lt;META NAME="Keywords" CONTENT=""&gt;
  &lt;META NAME="Description" CONTENT=""&gt;
  &lt;style type="text/css"&gt;


.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left;
font-size: 16px;
}

.pagination ]]></description>
<author>admin</author>
<source>https://www.qwbm.com/new.asp?id=393</source>
<category>DIV+CSS</category>
<pubDate>2009/2/20 21:56:16</pubDate>
</item>
<item>
<guid>392</guid>
<title>放大的分页代码</title>
<link>https://www.qwbm.com/new.asp?id=392</link>
<description><![CDATA[
以下为详细代码
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
&lt;title&gt;放大的分页代码---深山行者&lt;/title&gt;
&lt;meta name="author" content="aoao" /&gt;
&lt;meta content="all" name="robots" /&gt;

&lt;/head&gt;

&lt;body&gt;

&lt;!--hovershow start--&gt;
&lt;style type="text/css"&gt;
#h]]></description>
<author>admin</author>
<source>https://www.qwbm.com/new.asp?id=392</source>
<category>DIV+CSS</category>
<pubDate>2009/2/20 21:51:30</pubDate>
</item>
<item>
<guid>391</guid>
<title>仿mop分页代码</title>
<link>https://www.qwbm.com/new.asp?id=391</link>
<description><![CDATA[以下图片，是样式中要用到的图片，图片放大了 

以下为详细代码
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312" /&gt;
&lt;title&gt;仿mop分页代码&lt;/title&gt;
&lt;style&gt;
.pagewrapper {font-size:12px;background:#f6f6f6;width:620px;font-family:Arial,Helvetica,sans-serif,宋体;}
.pgbtn a:link,.pgbtn a:visited {disp]]></description>
<author>admin</author>
<source>https://www.qwbm.com/new.asp?id=391</source>
<category>DIV+CSS</category>
<pubDate>2009/2/20 21:50:01</pubDate>
</item>
<item>
<guid>390</guid>
<title>24款实用的翻页页码css代码</title>
<link>https://www.qwbm.com/new.asp?id=390</link>
<description><![CDATA[
以下为详细代码
&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=GB2312"&gt;
&lt;meta http-equiv="Content-Language" content="zh-CN"&gt;
&lt;meta content="all" name="robots"&gt;
&lt;title&gt;24款实用的翻页页码css代码&lt;/title&gt;

&lt;style&gt;
/*公共*/

BODY {
	FONT-SIZE: 12px;FONT-FAMILY: Verdana, A]]></description>
<author>admin</author>
<source>https://www.qwbm.com/new.asp?id=390</source>
<category>DIV+CSS</category>
<pubDate>2009/2/20 21:45:10</pubDate>
</item>
<item>
<guid>388</guid>
<title>利div+css做的柱状图，代码超级简洁</title>
<link>https://www.qwbm.com/new.asp?id=388</link>
<description><![CDATA[&nbsp; 


&nbsp;
以下为详细代码
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312" /&gt;
&lt;title&gt;利div+css做的柱状图，代码超级简洁深山行者&lt;/title&gt;
&lt;style&gt;
h1,h2,h3,h4,h5,h6,form,div,p,img,ul,li,table,tr,td,dl,dt,dd,body {margin:0;padding:0;}
body {width:915px;margin:auto;font:normal ]]></description>
<author>深山行者</author>
<source>https://www.qwbm.com/new.asp?id=388</source>
<category>DIV+CSS</category>
<pubDate>2009/2/4 20:45:56</pubDate>
</item>
<item>
<guid>387</guid>
<title>利用DIV+CSS制作浮动广告,没有用到多少javascript,全是css</title>
<link>https://www.qwbm.com/new.asp?id=387</link>
<description><![CDATA[
以下为详细代码
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312" /&gt;
&lt;title&gt;利用DIV+CSS制作浮动广告,没有用到多少javascript,全是css&lt;/title&gt;
&lt;/head&gt;

&lt;body&gt;
&lt;div style="height:1500px;background:#f0f0f0;"&gt;&lt;/div&gt;

&lt;div id="qqobjbox" class="qqobjbox" style="disp]]></description>
<author>深山行者</author>
<source>https://www.qwbm.com/new.asp?id=387</source>
<category>DIV+CSS</category>
<pubDate>2009/2/4 20:30:14</pubDate>
</item>
</channel>
</rss>
