CSS：background-position的妙用

css2.0 中的 background-position 大家用到过吗？怎么用的？用在哪里？js控制图片切换有两个缺陷：1.有时后切换缓慢,需要预载解决；2.要制作2-3套图片

　　看看怎么用 background-position 解决这个问题，实现快速"切换"，这里只用到一张图片

　　至于代码中的font:10px/1也是不常见的用法

　　可以参考这里:http://www.w3.org/Style/CSS/Test/CSS1/current/sec5526c.htm

　　这种用法放在网站地图或者导航条上的效果：

style type="text/css"#menu a {display:block;width:150px;margin:6px; padding:10px 0 10px 32px;font:10px/1 sans-serif;color:#f90;background: url("http://nb001722.sosoo.net/btn.gif") top left no-repeat;text-dec...<a href="http://www.tulaoshi.com/n/20160219/1607838.html" target="_blank">[ 查看全文 ]</a></p>
            <div class="img_yyy_2">
                <span>2016-02-19</span>
                                                <i>标签:</i>
                <div class="yyy_2_a"><a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div>
                                </div>
		</div>
	</div>
</div>

<div class="xiangguan_gg xiangguan_reader clearfix">
    <div class="xiang_892_1" style="width:1158px;">
      <h3><a href="http://www.tulaoshi.com/n/20160219/1607838.html" target="_blank">CSS：background-position的妙用</a>的相关文章</h3>
    </div>
    <div class="xiang_892_2" style="width:1158px;">
      <ul id="loadmore_container" style="width:1158px;">
                <li>
          <div class="xiang_892_2_1"><a href="/reader/1606635" target="_blank"><img src="http://img.tulaoshi.com/201602/19/161a890646cdef6c0076a90d6feefa17_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1606635.html" target="_blank">CSS基础教程:CSS中的定位（position）</A></div>
                                    <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div>
                         <div class="span_em_123"> 使用CSS来定位页面内层的位置，一直是比较难以掌握的事情，很多时候，往往被绝对定位的元素，总是以浏览器的左上角为坐标原点，此时，如果浏览器的大小改变，被定义的层就会偏离设计想要的位置，让人很挠头。 其实，要想控制好层的绝对定位，只要理解CSS中关于定位（position）的定义，一切就会变得轻松简单。 CSS中关于定位（position）是这样定义的： 定位（position） 允许用户精确...<a href="http://www.tulaoshi.com/n/20160219/1606635.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/wangbingqibaby/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/15.jpg" /><span>wangbingqibaby</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">3</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
                <li>
          <div class="xiang_892_2_1"><a href="/reader/1604925" target="_blank"><img src="http://img.tulaoshi.com/201602/19/47cb1a0780e43c298dd7cd82cdecfaf2_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1604925.html" target="_blank">CSS基础教程: CSS的Background Images 背景图片</A></div>
                                    <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div>
                         <div class="span_em_123">背景图片Background Images有许多属性可以操作。 幸运的是，可以使用background处理所有： body {     background: white url(/jc/UploadFiles/200803/20080309225852658.gif) no-repeat top right; } 上面合并了下面属性： background-color出现在前面。  background-image图片的位置。  background-repeat图片重复...<a href="http://www.tulaoshi.com/n/20160219/1604925.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/中大巨鼎/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/15.jpg" /><span>中大巨鼎</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">7</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
                <li>
          <div class="xiang_892_2_1"><a href="/reader/1606636" target="_blank"><img src="http://img.tulaoshi.com/201602/19/a75885bcd0c3c00adc24ef9f62a88ff8_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1606636.html" target="_blank">CSS技巧:段正淳的css笔记</A></div>
                                    <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div>
                         <div class="span_em_123"> 淘宝首页上的一个小技巧。 类目之间的横竖线 从很久很久以前开始，类目间的竖线无非都只有三种。 背景图 在a标签设置一个padding 用宽1px高不等的背景图来position到右侧。 缺点：最后一个还是要用class来隐藏掉背景。 符号 在每个a标签之间用”|”符号来填充。 缺点：html文件变大，文件维护变得很麻烦，而且在html中毫无意义。 a标签右侧的boder。 同背景图一样，只不过使用border-right来代替。缺...<a href="http://www.tulaoshi.com/n/20160219/1606636.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/老绵羊20130801/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/16.jpg" /><span>老绵羊20130801</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">2</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
                <li>
          <div class="xiang_892_2_1"><a href="/reader/168764" target="_blank"><img src="http://img.tulaoshi.com/201504/25/32fcbcc25f3da146029f35ec0deafdbf_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20150425/168764.html" target="_blank">隔夜茶的妙用-过期茶叶的妙用</A></div>
                                    <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/yinshiyangsheng/" target="_blank">饮食养生</a> <a href="http://www.tulaoshi.com/jiankangyinshi/" target="_blank">健康饮食</a></div>
                         <div class="span_em_123"> 鞋穿久了时常会有难闻的气味，想解决这个问题其实很简单。将过期的茶叶放入旧丝袜内，将其放入鞋内，一晚过后，鞋里的味道就消失了。 隔夜茶的妙用-过期茶叶的妙用 隔夜茶的妙用 隔夜茶有助于止血 隔夜茶含有蹂酸，它可以促进血液凝聚，如果出现口腔出血，可以喝口隔夜茶来漱口，如果皮肤出血了，也可以用隔夜茶来清洗。 明目作用 隔夜茶中除了含有蹂酸外还含有茶多酚，...<a href="http://www.tulaoshi.com/n/20150425/168764.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/Smile文~↘/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/14.jpg" /><span>Smile文~↘</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">30</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
                <li>
          <div class="xiang_892_2_1"><a href="/reader/186370" target="_blank"><img src="http://img.tulaoshi.com/201505/15/d8ba8c4878a50f93ed52058b98e2909f_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20150515/186370.html" target="_blank">豆渣的妙用</A></div>
                                    <div class="span_em_123"> 豆渣可防止食物变黑 新买的铁锅，里面有防腐剂或其他杂物，如果不加任务处理，在第一次煮食物时会使食物变黑。如果在使用之前，先用豆腐渣把锅仔细擦几遍，然后再煮食物，就不会使食物变黑了。 豆渣可清洁桐油污渍 如果衣服不小心染上桐油污渍，一般洗衣剂难以去除，可以将衣物泡湿润后用豆腐渣搓洗，这样桐油污渍便可轻易去除。 豆腐渣可制作营养土 在城市里的种...<a href="http://www.tulaoshi.com/n/20150515/186370.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/乳酪色/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/10.jpg" /><span>乳酪色</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">79</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
                <li>
          <div class="xiang_892_2_1"><a href="/reader/129317" target="_blank"><img src="http://img.tulaoshi.com/201501/13/top201501131415556356_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20150113/129317.html" target="_blank">咖啡的妙用</A></div>
                                    <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/yangsheng/" target="_blank">养生</a> <a href="http://www.tulaoshi.com/jiankangchangshi/" target="_blank">健康常识</a> <a href="http://www.tulaoshi.com/jiankangshenghuo/" target="_blank">健康生活</a> <a href="http://www.tulaoshi.com/shenghuoxiaochangshi/" target="_blank">生活小常识</a> <a href="http://www.tulaoshi.com/shxqm/" target="_blank">生活小窍门</a></div>
                         <div class="span_em_123"> 去异味 一般的炒锅用久了就会有一股油腻的味道，把湿的咖啡渣放入锅中炒干，咖啡干了，油腻的味道也随之消失。;咖啡渣放在烟灰缸中，可以去除烟臭味，也更容易熄灭烟蒂;将咖啡渣放进冰箱中可以减少冰箱的怪味道;将咖啡渣放入鞋柜中，可以去鞋臭味。 清新口气 吃完大蒜等容易造成口腔异味的食物后，不妨来一杯咖啡，这样可以十分轻易地让口气...<a href="http://www.tulaoshi.com/n/20150113/129317.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/L.小介~/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/17.jpg" /><span>L.小介~</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">109</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
                <li>
          <div class="xiang_892_2_1"><a href="/reader/1485903" target="_blank"><img src="http://img.tulaoshi.com/201601/29/5d2687bc1d42d570389eb54b02b23be5_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160129/1485903.html" target="_blank">宏的妙用</A></div>
                                    <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/cyuyanjiaocheng/" target="_blank">C语言教程</a> <a href="http://www.tulaoshi.com/cyuyanhanshu/" target="_blank">C语言函数</a></div>
                         <div class="span_em_123"> 宏的妙用 作者 阿荣 1、概述 C++中出了const关键字以后，宏定义常量的功能已经不在被推荐使用。这使得宏似乎没有了用武之地。实际上，宏还可以做很多事情，笔者也难以全部列举。这里，仅仅列举几个典型的用法，希望大家能够从中获益。 2、实现多环境兼容 常见的情况是，我们实现了一个函数，希望它只在某种编译...<a href="http://www.tulaoshi.com/n/20160129/1485903.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/wangbo198728/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/3.jpg" /><span>wangbo198728</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">4</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
                <li>
          <div class="xiang_892_2_1"><a href="/reader/186390" target="_blank"><img src="http://img.tulaoshi.com/201505/15/313bfe62c412ce0b8e696f78f290e156_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20150515/186390.html" target="_blank">食盐的妙用</A></div>
                                    <div class="span_em_123"> 咸肉退盐 用清水洗咸肉很难达到退盐的目的。若将咸肉浸入淡盐水中漂洗(须先浸泡片刻)，肉中的盐分自然会溶解于淡盐水中。 去水垢 热水瓶中的水垢，亦可用盐去除。在瓶内放入一些纸屑，然后倒入温盐水，反复轻轻地摇晃一会儿，水垢就会掉的。 咖啡壶用久之后，壶内壁会产生一层棕色的沉淀物。要除去它，可在洗壶时往水中放入少许的盐，反复摇晃多次，即可除去棕色的沉淀物。 ...<a href="http://www.tulaoshi.com/n/20150515/186390.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/Tst89932210/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/1.jpg" /><span>Tst89932210</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">90</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
                <li>
          <div class="xiang_892_2_1"><a href="/reader/186374" target="_blank"><img src="http://img.tulaoshi.com/201505/15/4598b5929f886e83ed91cb522e80901d_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20150515/186374.html" target="_blank">茶叶的妙用</A></div>
                                    <div class="span_em_123"> 茶叶有助于炖牛肉 牛内难以炖烂，但可用干净的纱布袋装一些荣叶，放入锅内一起炖，就会熟得又快又烂。 茶叶可去异味 煎过鱼的锅，腥味会保持很长时间，这时可用剩茶水擦洗，然后再用清水冲洗，腥味就可消除。 煮羊奶时，可放入一小撮茉莉花茶，等奶煮开后捞出，就没有膻味了。 生肉被污染上煤油、柴油、机油等异味时，可先用浓红茶水浸泡半小时左有，然后冲净，异味便可除...<a href="http://www.tulaoshi.com/n/20150515/186374.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/张磊aa巨蟹/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/14.jpg" /><span>张磊aa巨蟹</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">65</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
                <li>
          <div class="xiang_892_2_1"><a href="/reader/186352" target="_blank"><img src="http://img.tulaoshi.com/201505/15/ac83fa0b0ad74ecd89a207552d83156a_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20150515/186352.html" target="_blank">柠檬的妙用</A></div>
                                    <div class="span_em_123"> 清洁作用 浅色皮鞋弄脏后，既使上了鞋油，仍不如原来美观。可用柠檬汁均匀涂在皮鞋上，然后再擦油就会使皮鞋光亮如新。 经常吸烟的人，常将食指、中指熏黄，要去掉这种烟渍，可将柠檬汁涂于指上擦洗，烟渍就会被除净。 白色短抹不容易没干净，可在热水中放入2片柠檬片，再把袜子浸泡一刻钟左右，然后用清水漂洗干净，就可以恢复原来的光洁雪白。 柠檬保鲜妙用 把牛肉放进少...<a href="http://www.tulaoshi.com/n/20150515/186352.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/小醒乖怪/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/22.jpg" /><span>小醒乖怪</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">150</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
                <li>
          <div class="xiang_892_2_1"><a href="/reader/1604936" target="_blank"><img src="http://img.tulaoshi.com/201602/19/5fe908e01c29c1a7fdb5b67387b786e9_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1604936.html" target="_blank">CSS基础教程:CSS的应用</A></div>
                                    <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div>
                         <div class="span_em_123">有三种方法应用CSS 一、In-line 行内 行内样式是在html标签里直接使用style属性  p style="color: red"text/p 设定段落文字红色。 但要记住，最后的HTML应该是独立出来，使用表现文档，所以行内样式应该在任何地方避免。 二、Internal 内部 使用于整个页面的植入内部样式在head标签里面，style标签包围样式。 !DOCTYPE html PUBLIC "-//W3C/...<a href="http://www.tulaoshi.com/n/20160219/1604936.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/上官黄毛/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/26.jpg" /><span>上官黄毛</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">1</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
                <li>
          <div class="xiang_892_2_1"><a href="/reader/1598927" target="_blank"><img src="http://img.tulaoshi.com/201602/19/cf2d36de5e7e2dd4d8a033726294689e_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1598927.html" target="_blank">CSS缩写优化CSS文件的体积</A></div>
                                    <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div>
                         <div class="span_em_123"> Web网站可用性的关键指标是速度，更确切地说，是页面能以多快的速度出现在访问者的浏览器窗口里。影响速度的因素有很多种，包括Web服务器的速度、访问者的Internet连接情况，以及浏览器必须下载的文件大小。尽管你无法控制服务器和连接的速度，但是你可以控制构成网站Web页面的文件大小。 为了让网站能够更快，Web的建设者都会按常规地压缩和优化网站上的每一个图像文件，这常常使得为了将文件的大小减少几个...<a href="http://www.tulaoshi.com/n/20160219/1598927.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/LG7D2L/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/17.jpg" /><span>LG7D2L</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">6</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
                <li>
          <div class="xiang_892_2_1"><a href="/reader/1604796" target="_blank"><img src="http://img.tulaoshi.com/201602/19/70ec04d0f5ec44485e59bcae91e62f59_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1604796.html" target="_blank">（CSS Frameworks） CSS框架相关的汇总</A></div>
                                    <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div>
                         <div class="span_em_123"> 首先说说框架（Frameworks）这个词，框架就是为我们提供了一个平台一个运行环境，在如此统一的前提下我们做相关开发才能“有章可循”，要充分体会到“游击队”和“正规军”的区别以及“零散”和“系统”的利害关系。我们常见的有 Microsoft .NET Frameworks、J2EE Frameworks等软件开发框架等。对于Web而言，现在也流行起Frameworks框架概念，比如时下流行的AJAX框架。对于基于Web标准的CSS布局方案，也形成...<a href="http://www.tulaoshi.com/n/20160219/1604796.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/诗人sunnyday/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/6.jpg" /><span>诗人sunnyday</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">8</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
                <li>
          <div class="xiang_892_2_1"><a href="/reader/1578639" target="_blank"><img src="http://img.tulaoshi.com/201602/17/7bf35791e0921edd6ffd5469a108ef3a_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160217/1578639.html" target="_blank">CSS技巧：清理无用的CSS样式</A></div>
                                    <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/pmsj/" target="_blank">平面设计</a> <a href="http://www.tulaoshi.com/hbsj/" target="_blank">海报设计</a> <a href="http://www.tulaoshi.com/ggsj/" target="_blank">广告设计</a> <a href="http://www.tulaoshi.com/huabaosheji/" target="_blank">画报设计</a> <a href="http://www.tulaoshi.com/qmsj/" target="_blank">签名设计</a> <a href="http://www.tulaoshi.com/fzsj/" target="_blank">服装设计</a> <a href="http://www.tulaoshi.com/mpsj/" target="_blank">名片设计</a> <a href="http://www.tulaoshi.com/huacesheji/" target="_blank">画册设计</a> <a href="http://www.tulaoshi.com/banshisheji/" target="_blank">版式设计</a> <a href="http://www.tulaoshi.com/shangbiaosheji/" target="_blank">商标设计</a></div>
                         <div class="span_em_123"> Dust-Me selectors Dust-Me是一个很有用也很好用的Firefox插件，它可以分析到你的页面中调用的所有CSS文件并分析那些在页面中没有被用到。 支持本地和远程样式文件，包括使用link标签、?xml-stylesheet?处理指令、@import语句等方式引入的样式文件；(但是不支持页面中的style块和内联样式)支持IE条件注释中引入的样式文件；可以检查一个页面，也可以检查整个网站；支持CSS1选择器、大部分CSS2和CSS3选择器...<a href="http://www.tulaoshi.com/n/20160217/1578639.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/shellstonelei/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/9.jpg" /><span>shellstonelei</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">4</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
                <li>
          <div class="xiang_892_2_1"><a href="/reader/1603056" target="_blank"><img src="http://img.tulaoshi.com/201602/19/05b74fbf34e979b8db0da3876d8311b6_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1603056.html" target="_blank">Jquery change(fontsize,background) 改变颜色与背景</A></div>
                                    <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div>
                         <div class="span_em_123"> change(fn) 在每一个匹配元素的change事件中绑定一个处理函数。 change事件会在元素失去焦点的时候触发，也会当其值在获得焦点后改变时触发。 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head meta http-equiv="Content-Type" content="text/html; charset=utf-8" / title...<a href="http://www.tulaoshi.com/n/20160219/1603056.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/从不穿裤裤的我/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/6.jpg" /><span>从不穿裤裤的我</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">7</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
                <li>
          <div class="xiang_892_2_1"><a href="/reader/1296072" target="_blank"><img src="http://img.tulaoshi.com/201601/07/29cd8c255b3f03c8b941f16a05329dcd_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160107/1296072.html" target="_blank">葛根妙用</A></div>
                                    <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/shenghuochangshi/" target="_blank">生活常识</a> <a href="http://www.tulaoshi.com/yangsheng/" target="_blank">养生</a> <a href="http://www.tulaoshi.com/jiankang/" target="_blank">健康</a></div>
                         <div class="span_em_123"> 现代药理研究表明，葛根的有效成分总黄酮和葛根素，还可明显扩张冠状动脉，降低血管阻力，增加冠状动脉和脑部血流量，降低血压，减慢心率，降低心肌耗氧量，维持氧的供求平衡，抑制血小板凝集。故葛根对冠心病心绞痛、高血压等有较好疗效。 葛根为豆科多年生落叶藤本植物葛的根茎，性平，味甘、辛，入肺、胃、脾经，具解肌退热、生津止渴、透发麻疹、升阳止泻的功效。中医药书籍都把葛根列为解表药...<a href="http://www.tulaoshi.com/n/20160107/1296072.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/q359534673/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/12.jpg" /><span>q359534673</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">14</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
                <li>
          <div class="xiang_892_2_1"><a href="/reader/1483914" target="_blank"><img src="http://img.tulaoshi.com/201601/29/3e501714a827da74a27ac0641409dd81_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160129/1483914.html" target="_blank">tbody标签的妙用</A></div>
                                    <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/html/" target="_blank">Html</a> <a href="http://www.tulaoshi.com/cssbuju/" target="_blank">CSS布局</a> <a href="http://www.tulaoshi.com/divcss/" target="_blank">Div+CSS</a> <a href="http://www.tulaoshi.com/xhtml/" target="_blank">XHTML</a></div>
                         <div class="span_em_123">   大家一定曾经把别人的网页另存下来看过，特别是用dw打开时，你会看到，很多网页上面都加了<tbody这个标签，在dw中黄黄的很是显眼，那么<tbody是个什么东东呢？ 用TBODY这个标签可以控制表格分行下载，可以让其中的内容比网页中别的东东（如图片）先下载下来，这样可以让别人先看到网页的实质性的内容，不用等那么久了，在需要分行下载处加上<tbody和</tbody，比如：</P<P<ta...<a href="http://www.tulaoshi.com/n/20160129/1483914.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/菩尔佤多杰/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/24.jpg" /><span>菩尔佤多杰</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">9</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
                <li>
          <div class="xiang_892_2_1"><a href="/reader/1292404" target="_blank"><img src="http://img.tulaoshi.com/201601/07/90f21faf1ea52153257486f36ba2cbe2_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160107/1292404.html" target="_blank">茶渣的妙用</A></div>
                                    <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/yangsheng/" target="_blank">养生</a> <a href="http://www.tulaoshi.com/jiankang/" target="_blank">健康</a></div>
                         <div class="span_em_123"> 如今越来越多的人喜欢喝茶养生，其实隔夜茶包也有利用价值。   妙用一：泡个美肌茶茶浴   绿茶能深层清洁肌肤，具有柔软角质层、使肌肤细嫩美白的功效。收集饮茶后的茶渣，自然晾干后装入棉布袋中，系紧袋口后投入浴缸，浴后会感觉到肌肤柔和嫩滑。   妙用二：茶叶消除黑眼圈   产生黑眼圈的主要原因在于睡眠不足、用眼过度、缺少维生素B12等。用喝过的茶叶...<a href="http://www.tulaoshi.com/n/20160107/1292404.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/远山的红叶nice/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/4.jpg" /><span>远山的红叶nice</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">1</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
                <li>
          <div class="xiang_892_2_1"><a href="/reader/1604958" target="_blank"><img src="http://img.tulaoshi.com/201602/19/78a650d20f6d38806d37543e78ecd170_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1604958.html" target="_blank">CSS基础教程:CSS的color颜色</A></div>
                                    <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div>
                         <div class="span_em_123">css可以处理16,777,216颜色，可以使用名字、rgb值或十六进制代码。 red红色 等同于 rgb(255,0,0) 等同于 rgb(100%,0%,0%) 等同于 #ff0000 等同于 #f00 有17个预先确定的颜色，它们是： aqua, black, blue, fuchsia, gray, green, lime, maroon, navy,  olive, orange, purple, red, silver, teal, white, and&...<a href="http://www.tulaoshi.com/n/20160219/1604958.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/shxeyjj/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/18.jpg" /><span>shxeyjj</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">1</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
                <li>
          <div class="xiang_892_2_1"><a href="/reader/1604884" target="_blank"><img src="http://img.tulaoshi.com/201602/19/8bb8bfd072c67be2ab6ef78fbe3be395_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1604884.html" target="_blank">CSS基础教程:CSS的Text 文本</A></div>
                                    <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div>
                         <div class="span_em_123">有一系列属性可以改变网页文字的大小和形状，概要如下： font-family 文字使用的字体，比如宋体，Times New Roman，Arial等等 这个属性必须详细制定，不能使用偏僻的字体，要使用安全字体（比如arial，verdana和times new roman和宋体），可以同时指定许多字体，只要使用逗号分开即可。这样的用意是，如果用户电脑里没有第一个字体浏览器可以使用后面指定的字体。这非常有用...<a href="http://www.tulaoshi.com/n/20160219/1604884.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/小杰的领域/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/4.jpg" /><span>小杰的领域</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">5</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
              </ul>
        <div id="pages" class="clearfix">
            <a href="/reader/21767.html">上一页</a><a href="/reader/21764.html">21764</a><a href="/reader/21765.html">21765</a><a href="/reader/21766.html">21766</a><a href="/reader/21767.html">21767</a><a href="/reader/21768.html" class="cur">21768</a><a href="/reader/21769.html">21769</a><a href="/reader/21770.html">21770</a><a href="/reader/21771.html">21771</a><a href="/reader/21772.html">21772</a><a href="/reader/21769.html">下一页</a>
        </div>
    </div>
</div>

<script type="text/javascript">tls.output.show_foot();</script>