HTML网页中无刷新的更换CSS样式
作者：佚名
字体：[ ] 来源：互联网 时间：10-17 19:28:08
系统原来的更换CSS模板是要重新刷新一下儿页面的，我一直都对这个功能很不满意，百分之九十五的功能都用AJAX无刷新的实现了，难道要在这个小小的更换页面CSS模板上给用户添点恶心吗？于是，昨天晚上好好考虑了这个功能上的实现，原来发现其实并不难，小改一下就OK了，现在
系统原来的更换CSS模板是要重新刷新一下儿页面的，我一直都对这个功能很不满意，百分之九十五的功能都用AJAX无刷新的实现了，难道要在这个小小的更换页面CSS模板上给用户添点恶心吗？于是，昨天晚上好好考虑了这个功能上的实现，原来发现其实并不难，小改一下就OK了，现在系统上的模板更换是不用刷新页面来完成的，明显在感觉上比原来好得多了，下面谈谈经验吧：
对于一个多页面的网站来说了，CSS的更换不能只简单的在一个页面中调用更换CSS功能更新这个页面头上链接的CSS地址，因为它不能保证在点击了别的页面后新的样式应该到新打开的页面中去，因此，一定要有一个全局性的变量来记录它，我选用的是SESSION，在用户点击了侧边模板下拉框中的模板时，触发了下拉框的ONCHANGE事件，执行了一段AJAX程序，程序的功能是将用户选中的模板信息发送给服务器，服务器接收新的模板信息后更新表示模板的SESSION值，然后向客户端返回成功信息，客户端则根据返回的成功信息来改变页面样式，注意：我在页面头中写的CSS链接信息是这样子的:
&LINK id=cssLink href=&css.aspx& type=text/css rel=stylesheet&
css.aspx是一个ASP.net的页面，它的作用只是单一的根据SESSION中的当前CSS模板信息来转向所应CSS样式表文件！这样子的处是客户端在接收到了服务器端成功更新SESSION的信息后刚不用考虑其它的东西，直接一句：
document.getElementById(&cssLink&).href=document.getElementById(&cssLink&).
将cssLink的href重新写一下儿，虽然是前后一模一样子的值，但这会激发CSS.ASPX页面重新读一下儿，这样子CSS.ASPX页面就能转到新更新的CSS样式表了！由于网站别的页面的样式表链接信息都是这样写的，所以每个页面加载时都是会应用最新更新的样式表的，这样子，网站无刷新的全局更新样式表就实现了！！
大家感兴趣的内容
12345678910
最近更新的内容&人参与 | 时间：日 21:17
终于下载了一款自己满意的新模板，打算装到自己的网站上，但我又不想和原来的风格模板一模一样，该怎么办呢？接下来卢松松带你一起去修改各种源码的风格模板。模板有很多种类，在这里我主要讲的是如何修改，此方法可以举一反三。对于WordPress、PJBLOG、动易CMS、织梦CMS、风讯CMS的风格模板修改方法都是一样的。修改一个你满意的网页模板，你要有以下基础，会一点HTML语言，会一点DIV+CSS，会一点图片制作方法。第一步，先讲解一下主题模板的构成。下面以来说明，模板均分为三大部分，①网页的html文件，②CSS文件，③图片文件。一般情况修改模板只需修改这三部分。&第二步，你可以让模板可视化再修改。几乎所有默认的源码网页模板的路径都是系统自带的标签。这样把讲HTML文件放入Dreamweaver里时会是一堆的代码。如何将程序模板转换为可视化界面呢。其实只需要修改CSS和图片路径就可以了。如：&link rel=&stylesheet& rev=&stylesheet& href=&&#ZC_BLOG_HOST#&themes/&#ZC_BLOG_THEME#&/style/&#ZC_BLOG_CSS#&.css& type=&text/css& media=&screen& /&加红色的部分就是系统标签，这时你可以修改成你本机的虚拟路径。其他的程序标签都有说明，请查看相关系统标签。如：&link href=&../style/css/LuSongSong-Index.css& rel=&stylesheet& type=&text/css& /&修改好之后你就可以在Dreamweaver里面直观的看到网页界面了，并且修改起来也非常方便。（记得模板修改之后别忘记把CSS路径改回去哦！）如图所示：扩展阅读：；。&第三步，修改LOGO，和模板相关图片。网页我所要的框架改好了，但里面的logo和banner都还是人家的怎么办呢？接下来就是如何修改模板中的相关图片了。由于卢松松提供的&低调与华丽&风格模板，包含的有源文件，所以修改起来非常方便，你只需要修改里面的文字，下载一点你喜欢的其他图标就可以了。对于修改网页中的图片推荐使用Fireworks，原因是Fireworks不仅可以打开PNG源文件，还可以打开PSD源文件，相反Photoshop是不能打开PNG源文件的。（注：）如果你遇到没有提供源文件的模板怎么办？比如修改logo，无论是JPG格式还是GIF格式，一律用Fireworks打开，然后在原基础上修改，然后直接保存就可以看到效果了。但这需要一点点PS技巧。扩展阅读：仿制图章工具、橡皮图章工具等这些Fireworks自带的工具是修改没有源文件图片时常用的工具。外部工具&拾色器&非常重要哦，可以让你修改的图片与整个网页颜色协调统一。&第四步，教程看的再多不自己动动手，亲自试一试。那就赶快下载试一试吧！顶: 3踩: 1 来源：，欢迎分享，（联系QQ：，投稿邮箱： ）
相关文章阅读更多：&&&&
(window.slotbydup=window.slotbydup || []).push({
id: '2398785',
container: s,
size: '760,90',
display: 'inlay-fix'
名 称 必填
邮 箱 选填
网 址 选填
◎已有人评论，微信搜：QQ
1楼&& 09:55:07 原来这么简单，顶: <ins data-digg="踩: <ins data-digg="
2楼&& 14:16:02 那为什么有些模版下载了，用DW打开是乱码的？顶: <ins data-digg="踩: <ins data-digg="
3楼&& 20:49:12 原来这么简单，我也去试试。顶: <ins data-digg="踩: <ins data-digg="
4楼&& 18:48:43 支持松松模板。顶: <ins data-digg="踩: <ins data-digg="
5楼&& 11:10:54 支持下顶: <ins data-digg="踩: <ins data-digg="
6楼&& 10:25:56 期待更多这样的教程顶: <ins data-digg="踩: <ins data-digg="
7楼&& 20:15:11 替换源代码模板图片怎么没办法生成？？？顶: <ins data-digg="踩: <ins data-digg="
8楼&& 14:24:38 期待高手有视频出来啊，比说的直观。顶: <ins data-digg="踩: <ins data-digg="
9楼&& 18:21:39 能出一份视频教材吗？顶: <ins data-digg="踩: <ins data-digg="
10楼&& 18:20:47 真心累，菜鸟完全看不懂该怎么修改，您能好人做到底配个视频教材吗？我做了一下午了感觉还是不会加导航栏和做logo顶: <ins data-digg="踩: <ins data-digg="
11楼&& 19:02:28 &#ZC_BLOG_HOST#&这段标签就代表路径和后台的网站地址是连接的一起的也是就网站地址写什么&#ZC_BLOG_HOST#&就是什么顶: <ins data-digg="踩: <ins data-digg="
12楼&& 09:55:41 学会常用的几个就行了顶: <ins data-digg="踩: <ins data-digg="
13楼&& 13:20:26 没基础的话，本文也提到了。看看我写的如何学习HTML，如何学习DIV+CSS顶: <ins data-digg="踩: <ins data-digg="
14楼&& 14:22:32 瞧你笑的...牙齿还挺白的~顶: <ins data-digg="踩: <ins data-digg="
15楼&& 13:25:39 我没有用过Wordpress，所以也不打算做Wordpress模板！顶: <ins data-digg="踩: <ins data-digg="
16楼&& 16:18:29 评论本身也是很好的总结。顶: <ins data-digg="踩: <ins data-digg="
17楼&& 13:22:02 期待你的模板早日推出顶: <ins data-digg="踩: <ins data-digg="
18楼&& 23:54:30 呵呵，傻孩子。仔细看博文第二步，你可以让模板可视化再修改。顶: <ins data-digg="踩: <ins data-digg="
19楼&& 18:36:12 我觉得你可以筹备wp的双人blog顶: <ins data-digg="踩: <ins data-digg="
20楼&& 10:02:34 对BO-BLOG修噶模板的方法都是一样的，只是系统提供的标签不同而已！顶: <ins data-digg="踩: <ins data-digg="
21楼&& 13:21:14 不站不出售连接买卖顶: <ins data-digg="踩: <ins data-digg="
22楼&& 17:07:30 哈哈，我也只会改图片……顶: <ins data-digg="踩: <ins data-digg="
23楼&& 22:02:24 嘿嘿，我可是豁出去了呀！顶: <ins data-digg="踩: <ins data-digg="
24楼&& 21:57:39 是的，但有的时候还是需要改表格的！顶: <ins data-digg="踩: <ins data-digg="
25楼&& 20:19:20 是啊，我个人感觉改CSS更好！顶: <ins data-digg="踩: <ins data-digg="
26楼&& 11:49:08 手工蜘蛛找到你的 嘿嘿！顶: <ins data-digg="踩: <ins data-digg="
27楼&& 16:01:49 哎，看的太多了，还是找个模板自己改下试试的好顶: <ins data-digg="踩: <ins data-digg="
28楼&& 13:00:46 这是做站最基本的技能吧。顶: <ins data-digg="踩: <ins data-digg="
29楼&& 13:28:39 自已动手，丰衣足食顶: <ins data-digg="踩: <ins data-digg="
30楼&& 15:53:03 这个还是要懂一点好顶: <ins data-digg="踩: <ins data-digg="
31楼&& 03:12:59 谢谢分享技术，很多细节都需要好好学习积累，不能够心急顶: <ins data-digg="踩: <ins data-digg="
32楼&& 02:01:43 很强悍，谢谢提供如此详细的教程，楼主真是用心顶: <ins data-digg="踩: <ins data-digg="
33楼&& 16:41:52 请问模版中的flash怎么办呢。好复杂，在dw中打开有图片，在fla中打开也有。那改了dw中的图片，fla中的图片怎么办呢。我的不清楚，因为我不懂。呵呵，见效了。顶: <ins data-digg="踩: <ins data-digg="
34楼&& 18:02:35 挺适合我这样的新手的！顶: <ins data-digg="踩: <ins data-digg="
35楼&& 14:09:14 谢谢松松分享这样的方法。顶: <ins data-digg="踩: <ins data-digg="
36楼&& 21:40:33 模板,是直接上传到空间就可以了吧,其一在c_custom.asp文件里改一下域名???顶: <ins data-digg="踩: <ins data-digg="
37楼&& 11:41:07 我用的是dz 顶: <ins data-digg="踩: <ins data-digg="
38楼&& 18:15:52 对我也不错 顶: 0踩: 0
39楼&& 21:52:29 这个对我还是比较有用的啊，，，谢谢博主啊。。。顶: 0踩: 0
40楼&& 13:35:23 卢松松真的是一个好人，无私分享自己的模板，你分享了自己的模板，同时我们心里也记下了你，顶: 0踩: 0
41楼&& 16:50:42 在这里学到了不少知识，非常感谢松松。支持！告诉自己还要坚持。努力。顶: 0踩: 0
42楼&& 14:50:54 我那博客已经改好了，谢谢卢哥了。顶: 0踩: 0
43楼&& 20:34:39 不错，期待着自己做一幅模板顶: 0踩: 0
44楼&& 17:47:27 很不错的教程哦顶: 0踩: 0
45楼&& 08:48:40 在学dedecms啊顶: 0踩: 0
46楼&& 08:45:56 先顶一下啊 顶: 0踩: 0
47楼&& 12:02:33 我再次来学习一下，强烈支持！顶: 0踩: 0
48楼&& 18:11:37 最近正在学习CSS+DIV 准备修改BO-BLOG的模板~顶: 0踩: 0
49楼&& 12:28:05 啥时候我也去折腾一把博客主题顶: 0踩: 0
50楼&& 16:21:22 几乎所有默认的源码网页模板的路径都是系统自带的标签。这样把讲HTML文件放入Dreamweaver里时会是一堆的代码。如何将程序模板转换为可视化界面呢。其实只需要修改CSS和图片路径就可以了。如：&link rel=&stylesheet& rev=&stylesheet& href=&&#ZC_BLOG_HOST#&themes/&#ZC_BLOG_THEME#&/style/&#ZC_BLOG_CSS#&.css& type=&text/css& media=&screen& /& 加红色的部分就是系统标签，这时你可以修改成你本机的虚拟路径。其他的程序标签都有说明，请查看相关系统标签。如：&link href=&../style/css/LuSongSong-Index.css& rel=&stylesheet& type=&text/css& /&这段没太看懂，可否介绍的详细点？因为上面的代码和下面的代码不一样，我的意思是说就用上面的代码，把红色部分换成本机路径怎么换？可否演示一下，谢谢顶: 0踩: 0
50楼&& 19:02:28 &#ZC_BLOG_HOST#&这段标签就代表路径和后台的网站地址是连接的一起的也是就网站地址写什么&#ZC_BLOG_HOST#&就是什么顶: <ins data-digg="踩: <ins data-digg="
51楼&& 16:41:06 dw这个软件我还是吃不透 哎 希望多出这样的教程！顶: 0踩: 0
51楼&& 09:55:41 学会常用的几个就行了顶: <ins data-digg="踩: <ins data-digg="
52楼&& 16:54:52 你的模板不错，值得推荐一把顶: 0踩: 0
53楼&& 13:48:38 学洗了。希望你以后做得更好啊顶: 0踩: 0
54楼&& 11:22:57 [F]Music[/F][F]Sad[/F][F]Shame[/F][F]Faint[/F][F]Faint[/F][F]Effort[/F]顶: 0踩: 0
55楼&& 20:46:54 好好，认真学习一下谢谢顶: 0踩: 0
56楼&& 08:40:42 想学，可惜没机会了顶: 0踩: 0
57楼&& 14:56:02 楼层高的我无法忍受顶: 0踩: 0
58楼&& 14:22:38 感觉个人博客还是应该修改下模板，如过你的博客和别人的一样很容易产生视觉疲劳的 顶: 0踩: 0
59楼&& 16:37:19 我也想换，不过还是没有太多时间修改，你的这个不错啊，顶: 0踩: 0
60楼&& 23:28:45 学习了,谢谢顶: 0踩: 0
61楼&& 18:33:12 每次来都能学到不少顶: 0踩: 0
62楼&& 18:59:36 我最懒的了!!CSS也不过关...顶: 0踩: 0
63楼&& 15:24:47 模版改起来很辛苦~顶: 0踩: 0
64楼&& 19:00:48 呵呵~~~ 用DW就好了嘛顶: 0踩: 0
65楼&& 16:27:00 写得非常好，，顶下顶: 0踩: 0
66楼&& 12:51:37 不错，非常好看顶: 0踩: 0
67楼&& 10:21:51 强大的CSS啊，搞定了CSS也就搞定了皮肤。顶: 0踩: 0
68楼&& 19:34:33 高手。。我只做逻辑层的，一点艺术细胞都没有顶: 0踩: 0
69楼&& 13:46:21 你是怎么找到的的博客留言的？我的博客一没推广二没收录。。。顶: 0踩: 0
69楼&& 11:49:08 手工蜘蛛找到你的 嘿嘿！顶: <ins data-digg="踩: <ins data-digg="
70楼&& 11:17:08 没想我俺的这个除湿机产品的网站，你也能够找的到啊。真是厉害！顶: 0踩: 0
71楼&& 11:16:10 你的博客，回贴的人真是太多了，俺感觉到回的贴子一会儿就找不到了。顶: 0踩: 0
72楼&& 08:21:58 活到老学到老，网络技术真是日新月异。看来目前是流行CSS了。顶: 0踩: 0
73楼&& 23:40:55 松松越来越猛了顶: 0踩: 0
74楼&& 22:44:31 家底都拿出来了！强悍！顶: 0踩: 0
75楼&& 20:30:17 松松就是松松。一个有耐性的人。才可以做的这么好顶: 0踩: 0
76楼&& 20:20:58 两天就百十楼了，晚矣晚矣顶: 0踩: 0
77楼&& 18:24:36 绝对要学习的顶: 0踩: 0
78楼&& 18:14:34 我搞不定Dreamweaver顶: 0踩: 0
79楼&& 13:07:57 恩，写的好，但额还是不会用，没基础！顶: 0踩: 0
79楼&& 13:20:26 没基础的话，本文也提到了。看看我写的如何学习HTML，如何学习DIV+CSS顶: <ins data-digg="踩: <ins data-digg="
80楼&& 12:45:41 恩，想修改logo了顶: 0踩: 0
81楼&& 11:40:44 学习完毕，辉走啦~顶: 0踩: 0
82楼&& 11:24:22 写得很好，但偶不是经常改。顶: 0踩: 0
83楼&& 11:09:17 还没有在本地改过顶: 0踩: 0
84楼&& 11:00:25 [F]Haha[/F]顶: 0踩: 0
84楼&& 14:22:32 瞧你笑的...牙齿还挺白的~顶: <ins data-digg="踩: <ins data-digg="
85楼&& 09:45:09 这个绝对要学习～～顶: 0踩: 0
86楼&& 08:06:42 哈哈 你博客模板越来越漂亮~顶: 0踩: 0
87楼&& 00:28:18 很好的引导教程~顶: 0踩: 0
88楼&& 23:24:01 我一直想用牧羊狼哪个主题，可惜我修改不了，哎顶: 0踩: 0
89楼&& 23:01:25 简单易懂，不错顶: 0踩: 0
90楼&& 21:18:19 用WordPress~顶: 0踩: 0
91楼&& 21:16:00 呵呵，我一般要改的不多，所以喜欢用IEtester直接在网页上找，然后修改对应CSS代码 顶: 0踩: 0
92楼&& 20:19:28 呵呵，还是很专业的顶: 0踩: 0
93楼&& 19:21:17 强烈要求再写得细致点，呵呵，很不错，收藏起。顶: 0踩: 0
94楼&& 18:52:05 佩服，厉害。。还有什么赞美的词汇。都和盘托出。我坚信 评论可以一针见血。。。！！！顶: 0踩: 0
95楼&& 18:46:32 听说老卢现在放出的主题连自己的版权都去掉了,这精神...顶: 0踩: 0
96楼&& 17:37:32 如果要想让自己的主题不至于用的人太多而有所亮色，就得要自己再设计一下——当然前提是自己多少能懂一点。如果老大的这个主题是基于Wordpress的话，俺们也会考虑再修改一下尝尝鲜的~~~ :D顶: 0踩: 0
96楼&& 13:25:39 我没有用过Wordpress，所以也不打算做Wordpress模板！顶: <ins data-digg="踩: <ins data-digg="
97楼&& 15:14:50 友情支持顶: 0踩: 0
98楼&& 12:55:07 小伙子好棒啊！前途无量！顶: 0踩: 0
99楼&& 12:43:55 赞~· ps：你这人气真牛顶: 0踩: 0
100楼&& 12:12:13 这个我知道哈顶: 0踩: 0
101楼&& 11:50:44 人气很旺 咱也顶顶~~ 呵呵~顶: 0踩: 0
102楼&& 11:37:02 终于知道这个导航栏取自哪里了 是QQ会员的 呵呵顶: 0踩: 0
103楼&& 11:30:58 改CSS与PIC 两个主要东西 ^_^顶: 0踩: 0
104楼&& 10:45:15 我就是这样改的，不过看了你的这个，学习了更多！顶: 0踩: 0
105楼&& 10:11:18 现在回首看看老卢的这些文章，发觉这世界上有两种人，一种是老卢这样善于总结的，另一种是我这样不善于总结的。顶: 0踩: 0
105楼&& 16:18:29 评论本身也是很好的总结。顶: <ins data-digg="踩: <ins data-digg="
106楼&& 09:42:41 出主题啦。好啊。顶: 0踩: 0
107楼&& 09:10:22 总觉得自己的空间很好，但懒得弄，嘿嘿，以前试过PJBlog，后来发现放不下歪酷的朋友们，就放弃了，继续托管中，希望小歪别倒了就好，哈哈。顶: 0踩: 0
108楼&& 08:52:53 css是基础，css能搞定，基本上也很不错了顶: 0踩: 0
109楼&& 08:17:56 来转转~学习下~顶: 0踩: 0
110楼&& 03:52:24 现在大部分都是基于CSS，对CSS有一定了解，就可以打造更合适自己的风格了。顶: 0踩: 0
111楼&& 02:38:57 学习一下~HOHO顶: 0踩: 0
112楼&& 02:23:15 赞，有营养的东西总是不嫌多～顶: 0踩: 0
113楼&& 00:44:08 呵..过几天我也放出我自已访的模板.嘻...现有只差评论有点问题[F]Haha[/F]顶: 0踩: 0
113楼&& 13:22:02 期待你的模板早日推出顶: <ins data-digg="踩: <ins data-digg="
114楼&& 23:16:29 感觉好像比wordpress模板修改要容易一些wordpress是没有视图模式的~顶: 0踩: 0
114楼&& 23:54:30 呵呵，傻孩子。仔细看博文第二步，你可以让模板可视化再修改。顶: <ins data-digg="踩: <ins data-digg="
115楼&& 23:07:56 博主下次帮我PS个logo啊？我一直没好logo顶: 0踩: 0
116楼&& 22:22:48 修修补补又一个CSS顶: 0踩: 0
117楼&& 22:10:43 一直以为是WP的呢，今天才发现是zblog。不虚此行，又学到了新的东西~~~顶: 0踩: 0
118楼&& 21:10:33 很实用啊。有时间要使一下咯。大侠！！！顶: 0踩: 0
119楼&& 21:07:13 我准备为媳妇弄一个网站，打算用z-blog:-)顶: 0踩: 0
119楼&& 18:36:12 我觉得你可以筹备wp的双人blog顶: <ins data-digg="踩: <ins data-digg="
120楼&& 20:52:36 恩，很不错，学习了！顶: 0踩: 0
121楼&& 20:44:38 呵呵，我最近的目标就是自己做一个模板，谢谢老哥了～～顶: 0踩: 0
122楼&& 19:52:52 學習下..........顶: 0踩: 0
123楼&& 19:36:20 呵呵！倒是想把模板给改了;不过。修改了后怕原版主不高兴！顶: 0踩: 0
124楼&& 19:18:39 最近你很活跃。。。。顶: 0踩: 0
125楼&& 18:39:34 我还是没抢到沙发呀~！~顶: 0踩: 0
126楼&& 17:50:14 我想问问，BO-BLOG的也是这样修改吗？顶: 0踩: 0
126楼&& 10:02:34 对BO-BLOG修噶模板的方法都是一样的，只是系统提供的标签不同而已！顶: <ins data-digg="踩: <ins data-digg="
127楼&& 17:25:16 原来是这么回事，我一直就纳闷，怎么修改模版或是怎么做模版啊，原来这样就可以了！学习了！顶: 0踩: 0
128楼&& 15:30:56 只要懂点 html + css 就可以自己折腾了顶: 0踩: 0
129楼&& 14:36:55 一般人都是从这开始的吧～顶: 0踩: 0
130楼&& 12:50:25 我想考虑下 是不是我该换套板子了顶: 0踩: 0
131楼&& 12:48:38 这几天主页挺喜庆的吆.哈哈。顶: 0踩: 0
132楼&& 12:28:39 对于颜色,我就是一个瞎子,配色总是弄不好的顶: 0踩: 0
133楼&& 12:19:26 不错，，而其也很热闹。。顶: 0踩: 0
134楼&& 11:51:08 你好，我是笨猫，请问你是否乐意出售你的链接啊PR2-PR4 每月给5-20元。如您想出售请联系我Q:2①523,加时请注明：卖链接顶: 0踩: 0
134楼&& 13:21:14 不站不出售连接买卖顶: <ins data-digg="踩: <ins data-digg="
135楼&& 11:45:25 这是做站最基本的技能吧。顶: 0踩: 0
136楼&& 11:41:17 很透彻顶: 0踩: 0
137楼&& 10:54:27 我也喜欢用FF做网站图片，PS一般辅助。。。。顶: 0踩: 0
138楼&& 10:05:04 说的很到位，这就去试试。顶: 0踩: 0
139楼&& 09:43:38 很不错！顶: 0踩: 0
140楼&& 09:41:10 哈哈，很好很开源顶: 0踩: 0
141楼&& 09:35:00 删了不要的挺简单的，可是要加自己想要的，好像挺难啊顶: 0踩: 0
142楼&& 08:57:01 挺实用顶: 0踩: 0
143楼&& 08:07:58 我现在只处于修改图片的阶段。。 还需努力。。顶: 0踩: 0
143楼&& 17:07:30 哈哈，我也只会改图片……顶: <ins data-digg="踩: <ins data-digg="
144楼&& 07:09:30 很好。顶: 0踩: 0
145楼&& 06:51:15 5555 是Z-BLOG不是BJ-BLOG~~伤心加万分失望的泪奔而过。顶: 0踩: 0
146楼&& 00:00:46 下次介绍一下如何改WP的主题吧！顶: 0踩: 0
147楼&& 23:59:49 学习了。。顶: 0踩: 0
148楼&& 23:43:28 感觉有点刚开始就草草结尾顶: 0踩: 0
149楼&& 23:18:40 原来可以改CSS文章的路径啊，哈哈，刚好用上顶: 0踩: 0
150楼&& 23:06:55 我来试试，谢谢啦！！顶: 0踩: 0
151楼&& 22:55:02 学习了。。。。。。哈哈。。[F]Haha[/F]顶: 0踩: 0
152楼&& 22:52:53 如获至宝 学习了！顶: 0踩: 0
153楼&& 22:51:30 盗版是怎样炼成的顶: 0踩: 0
154楼&& 22:46:28 思路清晰，简单明了.顶: 0踩: 0
155楼&& 22:33:42 恩，说得比较清晰！值得一看！顶: 0踩: 0
156楼&& 22:31:47 恩恩，其实老卢这次就是教大家如何盗用其他人的风格的，哈哈。顶: 0踩: 0
157楼&& 22:28:19 只要能读懂 css 就能自己慢慢折腾啦。顶: 0踩: 0
158楼&& 22:11:30 嘿嘿,不小心进前10了...顶: 0踩: 0
159楼&& 21:57:34 我现在是摸着石头过河，小改一下CSS顶: 0踩: 0
160楼&& 21:43:57 提醒使用松松牌主题的朋友，如果你把松松的主题改得连松松自己都不认得了，那么松松应该会高兴的[F]Haha[/F]因为松松不但教你们html还教你们css，应该学以致用了顶: 0踩: 0
160楼&& 22:02:24 嘿嘿，我可是豁出去了呀！顶: <ins data-digg="踩: <ins data-digg="
161楼&& 21:43:26 第一次如此接近松松~~~顶: 0踩: 0
162楼&& 21:41:33 改css，万能的方法，而且想怎么变就怎么变顶: 0踩: 0
162楼&& 21:57:39 是的，但有的时候还是需要改表格的！顶: <ins data-digg="踩: <ins data-digg="
162楼&& 20:19:20 是啊，我个人感觉改CSS更好！顶: <ins data-digg="踩: <ins data-digg="
163楼&& 21:34:47 先顶一下啊顶: 0踩: 0
164楼&& 21:34:25 沙发还是没抢到哦~有机会是可以试试的，期待聪明的同学们能得到帮助顶: 0踩: 0
165楼&& 21:27:54 期待更多这样的教程顶: 0踩: 0
(window.slotbydup=window.slotbydup || []).push({
id: '2398769',
container: s,
size: '300,250',
display: 'inlay-fix'
最牛评论 1339570685149
最近活动 投稿有奖投票写作先给一个简单的示例HTML代码 div class = title ul li 标题一 / li li 标题二 / li li 标题三 / li li 标题四 / li li 标题五 / li / ul / div 以前为了让li中的元素横向并列展示，总是对li设置float:left。效果如下。 但是我想让标题居中显示是除了设置marg...
div class = Box ul li 我是居中 / li li 我是居中 / li li 我是居中 / li li 我是居中 / li li 我是居中 / li li 我是居中 / li li 我是居中 / li / ul / div 1.关键词： margin or padding 这种方式居中很纠结，适应能力差，margin大小和padding大小都必须...
写在最前 今天突发其想， css实现元素的显隐以及纯CSS实现选项卡 ，于是呼百度GG一番，结果还晨鑫旭大哥网站上找到了方法，自己稍加整理内容如下，其运用到的技术CSS的~同级元素高级选择器和css3的:checkbox伪类，:checkbox其实就是表单元素checkbox的选中状...
前言 我们知道同一种字体在不同浏览器上的表现有可能是不同的，除了浏览器，还有哪些导致表现不同的因素呢？不同系统下字形的渲染也是不一样的，根本原因是什么呢？我们希望各浏览器下字体排版一致，实现的话有完美的方案吗？ 带着这些问题我们来看看字体渲...
现在很多人会使用 CSS框架进行快速建站。 那 CSS框架是什么呢，它通常是一些 CSS文件的集合，这些文件包括基本布局、表单样式、网格、简单组件、以及样式重置。使用 CSS框架大大降低工作成本进行快速建站。 当然对于一些大型的项目，可能会很难照搬某些框架...
今天转载的为旭哥的图集翻页前后查看图片效果，其实这种图集预览效果互联网运用比较多的，像 新浪， QQ，网易等图集都是这种类型的，但这个教程中有一个亮点就是右击可以保存图片，详细看完后你就会明白。 回到自己真正感兴趣的技术，对大新浪围脖大图片大浏...
css自定义鼠标指针样式为图片Cursor:url()的使用，今天在项目中，要用到自定义鼠标样式，格式： css:{cursor:url(绝对路径的图片(格式：cur,ico)),-moz-zoom-}//FF下面 css:{cursor:url(绝对路径),}//IE,FF,chrome浏览器都可以 前面url是自定义鼠标...
说到IE6，所有WEB开发人员无不咬牙切齿，痛心疾首，javascript,css各种兼容问题有没有，其实在国外IE6基本上消失了的，只有在天朝IE6的使用率到目前（）还相当的高。 且看百度统计IE6使用情况数据图标如下 IE6浏览器市场占用率16%，可以看到IE6的份...
详解CSS中:nth-child的用法 前端的哥们想必都接触过css中一个神奇的玩意，可以轻松选取你想要的标签并给与修改添加样式，是不是很给力，它就是“ :nth-child ”。 下面我将用几个典型的实例来给大家讲解:nth-child的实际用途： Tips： 还用低版本的IE浏览器...
firebug是火狐浏览器firefox的一个插件，firebug可以调试html,css,javascript，是网站前台开发不可或缺的调试工具，尤其调用JS的功能强大 firebug 如果你还没有安装firebug，可以直接打开官网安装体验下，而本文主要介绍firebug的一个功能，因为之前一直用fi...
利用图片的margin属性将图片水平居中，利用div的padding属性将图片垂直居中。 结构代码同上； css代码如下： div{ width : 300 height : 150 background-color : # padding-top : 50 border : #000 1} img{ display : ma...
如果是应用了表格，那么设置单元格为align=center就可以使其中的一切内容居中。如果没有应用表格要想设置图片居中就有点困难了。困难来自不按常规出牌的浏览器。按照CSS标准，只要设置了图片容器的CSS属性为 display:table-vertical-align:text-...
本文是对外文《 40 CSS Tools to Improve Your Productivity 》的编译内容。 CSS工具是开发者和设计者所不可缺少的，它们不仅简化了工作流，还可提高CSS编写速度。本文将列举40种CSS工具，功能涉及CSS菜单、动画、3D图形、响应式页面、图层、按钮等界面元素...
设计师千万不要总觉得CSS3还离我们特别遥远，其实如果你有兴趣的话，完全可以学习了解一些简单的CSS3技术。 你知道的，国内的行情就是如此：所有的公司都会希望你在前端技术上懂的越多越好。那设计师学习前端代码是否就是天方夜谭呢?其实并不如此。就像我们...
问：我在写代码的时候，已经对背景图片的代码设置了no-repeat，为什么背景图片还是一直重复平铺呢？ 答：默认状态下，图片是重复显示的，那可能是您代码写的不正确，如果代码不正确，还是会按默认的重复显示。请仔细检查自己的代码是否格式正确。...
问：css里no-repeat后面的数字是什么意思，如这段代码BODY style=background:url(/images/logo.gif) no-repeat 80px 0;中80px和0是什么意思？ 答：80px和0起到的作用就是来告诉你图片放在什么位置的。默认情况下，如果您不设置后面的数字...
css里看到有一个属性no-repeat是什么意思呢？我知道repeat当然是重复的意思了，no-repeat就是不重复，只是不明白不重复是怎样的一个效果？ 答：正如你所说no-repeat就是不重复的意思，这个属性一般是来控制图片的，如果在网页上背景上填充一张图片，如果不加...
随着智能手机的增多，手机网站也可以做的更加个性化，最近在改版自己的手机网站 这其中，遇到了网站图片尺寸问题，手机屏幕都比较小，怎么让上传的规则不一的图片在手机上显示的更加美观呢？ 那就利用css的强大功能吧。 先附上代码： img { max-width:500...
国产的非常棒的CSS方案，可以大量减轻了WEB前段工程师的工作！新客网小编已经亲自体验过，很久不做页面，有了它，做页面再也不那么费劲了，推荐大家使用！ 特色功能 ： Nice+Easy=Better读规范，让你的代码更具智慧和美丽的方法 用框架，选择一份合适的HTML...
现代Web设计技术允许开发者快速实现大多数浏览器支持的动画。我想警告消息是很常见的，因为默认的JavaScript警告框的样式往往（与你自己设计的漂亮样式）很不协调很濉Ｕ馐箍⒄卟饺胝页瞿闹纸饩龇桨改芨玫厥迪指押玫挠没Ы缑娴牡缆贰 在这个教程中我...
链接在被点击时会出现虚线框，即使松开了也仍然存在，在有的时候显得不美观。既然不好看，那就不要它。怎样去掉呢？ 方法一 IE下可使用其私有的html属性：hideFoucs，在标签的结构中加入hidefocus=true属性。即： a href=/ hidefocus=tru...
今天我介绍采用纯CSS的方式来创建一个日历图标，你可以将其用在博客日志或者其它地方。自己也是学来的，但是效果是图片级的。如题所述，不在炫技，重在抛砖引玉。最终效果如下： 和从前一样，先看DEMO： http://www./jian-ce/css-calendar-ic...
简单说：hideFocus是对超链接外虚线框的设定！ hideFocus即隐藏聚焦，具有使对象聚焦失效的功能，其功能相当于： onFocus=this.blur() 它的值是一个布尔值，如hideFocus=true。也可省略赋值直接写hideFocus。 你给的代码如果没有hideFocus,那么鼠标点击该超...
最近在写一个css的时候遇到一个问题：英文字母和汉字的行高不一样，导致在全汉字、全英文字母以及汉字字母混合时设置好的margin或padding 属性出现偏差当然这种情况之存在于IE浏览器，Safari、Google Chrome、Firefox、Opera均不存在类似的问题 产生的原因：...
由于通常使用的下拉菜单使用的是层来制作，所以通常被优先级更高的下拉框遮挡住，为了解决这个问题，我们需要优先级更高的IFrame，以下是源代码 html head meta http-equiv = Content-Type content = text/charset=gb2312 title demo / title style typ...
使用iframe方式解决，如下例子 !DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns = http://www.w3.org/1999/xhtml head style type = text/css body{margin:0;padding:0;text-ali...
框架Frame，不知道现在还有多少人会用，至少我学用html到现在，只是知道有这种东西存在，却没见到也没用到过。上周终于碰到个机会让我一窥框架是个啥东西，然后由于项目的需要，我得做个div层置于所有的框架之上，做成下拉菜单的效果。折腾了一下，就记在这...
新客网小编也使用了其中一部分，非常不错，很漂亮，唯一可惜的是不能兼容所有的浏览器，尤其在IE下。 1. 漂亮的CSS3按钮 2. 放射效果按钮 3. CSS3立体按钮 4. 基于伪元素的CSS按钮 5. Github风格的按钮 6. 社交媒体按钮 7. 糖果风格按钮 8. 基于RGBA的CSS3按...
作为网页设计师(前端工程师)，你可能还记得曾经的那个网页大小建议:一个网页（包括HTML、CSS、Javacript、Flash和图片）尽量不要超过30KB的大小，随着互联网的日益庞大，网络带宽也在飞速发展，很多设计师已经不再考虑这条30KB的理想准则。随着越来越受欢迎...
你真的了解margin吗？你知道margin有什么特性吗？你知道什么是垂直外边距合并？margin在块元素、内联元素中的区别？什么时候该用padding而不是margin？你知道负margin吗？你知道负margin在实际工作中的用途吗？常见的浏览器下margin出现的bug有哪些？ 写css...