这次来做一个简单的选项卡。选项卡其实就分3个部分：html代码，用于显示的内容；css代码，用于显示的样式；javascript代码，用于点击事件。老规矩，先写一个html坯子。 1 2 3 4 5 选项卡 6 7 8 9...
分类：
Web程序 时间：
2014-10-22 23:33:29
阅读次数：
434
一、效果图按钮可以多次点击。二、HTML+CSS代码。<style>.box{width:800px;margin:90pxauto;}.btn{padding:5px10px;color:#fff;background:#ff6600;cursor:pointer;font-size:16px;border-radius:5px;}.list{position:relative;margin-top:20px;}.listli{width:48px;heig..
分类：
Web程序 时间：
2014-10-21 19:58:42
阅读次数：
823
一、效果图。二、HTML+CSS代码。<style>.box{width:800px;margin:90pxauto;}.btn{padding:5px10px;color:#fff;background:#ff6600;cursor:pointer;font-size:16px;border-radius:5px;}.list{position:relative;margin-top:20px;}.listli{width:50px;height:50px;position..
分类：
其他好文 时间：
2014-10-21 19:58:22
阅读次数：
258
background:url(../p_w_picpaths/dian.png)no-repeat;no-repeat(可以设置图片不重复)背景图片的css代码，用得最多的是lefttopno-repeatrepeat-xrepeat-y设置平铺坐标（经常用的代码是background-position:lefttop;background-repeat:no-repeat;）。background-position可以设置..
分类：
Web程序 时间：
2014-10-21 19:52:28
阅读次数：
279
在html或者body里添加一句谷歌浏览器专有的内核属性样式（或者在需要设置小文字字体对象CSS选择器添加也可）如下CSS代码：html,body{-webkit-text-size-adjust:none;}或.divcss5{-webkit-text-size-adjust:none;}注：如果...
分类：
Web程序 时间：
2014-10-21 10:13:30
阅读次数：
182
一、效果图。二、HTML+CSS代码。<style>.box{width:800px;margin:90pxauto;}.btn{padding:5px10px;color:#fff;background:#ff6600;cursor:pointer;font-size:16px;border-radius:5px;}.list{position:relative;margin-top:20px;}.listli{width:50px;height:50px;position..
分类：
Web程序 时间：
2014-10-20 17:34:33
阅读次数：
311
2013-07-21 15:06:47北京时间2013年4月20日8时02分四川省雅安市芦山县（北纬30.3,东经103.0）发生7.0级地震。震源深度13公里。各大网站将其网站变灰，本人整理了下部分网站变灰的css代码。1、将网站全部变灰html {filter: grayscale(100%);...
分类：
Web程序 时间：
2014-10-18 22:13:40
阅读次数：
228
有时候我们需要利用js来动态生成页面上style标签中的css代码，方法很直接，就是直接创建一个style元素，然后设置style元素里面的css代码，最后把它插入到head元素中。但有些兼容性问题我们需要解决。首先在符合w3c标准的浏览器中我们只需要把要插入的css代码作为一个文本节点插入到sty...
分类：
Web程序 时间：
2014-10-16 23:41:13
阅读次数：
210
天猫详情页面快捷导航模块间会默认留出空白间隔，这影响了详情页的整体效果。我们只要在各模块的标签处加上一条CSS代码就能消除间隔。插入图片后点击显示源码在标签内写入style="text-align: center; margin-top:-17px;"，发布宝贝后刷新网页间隔就会消失。
分类：
其他好文 时间：
2014-10-16 09:45:32
阅读次数：
161
网页设计应用中，当我们不能完全放弃表格的使用时，为了达到预期的效果，不免要用到表格嵌套（特别是多层嵌套）方式来进行布局。可能很多同仁都遇到过这样的问题，为了达到显示效果要为每一个（每一层）的表格写不同的CSS代码或加不同的属性值。这样写出来的代码可读性非常差，不便修改和管理。学会用CSS中的伪类这个...
分类：
Web程序 时间：
2014-10-15 18:20:21
阅读次数：
224
