[css教程] border:none;与border:0;的区别 日期：2011-10-05 17:38:45 点击：42 好评：0
这问题在网络相信已经有不少人问到，最近再次被牵起讨论，籍此记录一下个人的理解，border:none;与border:0;的区别体现有两点：一是理论上的性能差异二是浏览器兼容性的差异。 1.性能差异 【border:0;】把border设为“0”像素虽然在页面上看不见，但按b...
[css教程] 纯CSS实现三列DIV等高布局 日期：2011-10-05 17:38:05 点击：51 好评：0
DIV等高布局，我想很多人都遇见过，我也看过不少的方法，有的是通过背景图片，实现假象的等高效果； 还有的用js实现等等。这些都是方法，但是现在都不用以上的方法，来个真正的纯css实现等高！ 现在我们来看看真正的 CSS 实现的等高布局，其方法主要是采用“隐藏容器溢...
[css教程] 高效整洁CSS代码原则 (下) 日期：2011-10-05 17:37:34 点击：37 好评：0
6. 适当的代码注释 代码注释可以让别人更容易读懂你的代码，且合理的组织代码注释，可使得结构更加清晰。你可以选择做的样式表的开始添加目录: /*------------------------------------ 1. Reset 2. Header 3. Content 4. SideBar 5. Footer ---------------------...
[css教程] 高效整洁CSS代码原则 (上) 日期：2011-10-05 17:36:40 点击：33 好评：0
CSS学起来并不难，但在大型项目中，就变得难以管理，特别是不同的人在CSS书写风格上稍有不同，团队上就更加难以沟通，为此总结了一些如何实现高效整洁的CSS代码原则： 1. 使用Reset但并非全局Reset 不同浏览器元素的默认属性有所不同，使用Reset可重置浏览器元素的一些默认...
[css教程] CSS+DIV网站优化(seo) 日期：2011-10-02 21:15:15 点击：68 好评：0
1) 一个网站要有好的seo优化效果，建议先使用一套标准化的css+div布局网站，注意语义标签的使用； 2) 网站完工后要向各大搜索引擎网站登陆然后向Google提交sitemap； 3) 增加网站有权重的连接，多交一些好的友情链接； 4) 写好网站的robots.txt ； 5...
[css教程] CSS布局口诀 日期：2011-10-02 21:14:47 点击：69 好评：0
如果在用CSS设计布局时遇到BUG，请认真阅读以下内容，非常容易记忆的，不知道哪位高人把CSS BUG编成了顺口溜了！看看好不好记住呢？ 一、IE边框若显若无，须注意，定是高度设置已忘记； 二、浮动产生有缘故，若要父层包含住，紧跟浮动要清除，容器自然显其中； 三、三像...
[css教程] div+css多浏览器测试方法 日期：2011-10-02 21:14:16 点击：134 好评：0
做网站的朋友都知道，由于各浏览器内核不一样，即使IE的不同版本显示也不一样，所以同一页面在各个浏览器中显示效果不相同，所以要想测试一个网页很麻烦，需要安装多个浏览器，但IE浏览器不能共存，只能装一个版本，这样一来，要么用虚拟机的办法解决，要么安装绿色版本，...
[css教程] 支持cookie记忆的页面简繁体转换功能 日期：2011-09-30 12:40:21 点击：68 好评：0
此方法用JS实现，支持及时转换，支持cookie记忆 引用方法： <script type="text/javascript" src="language.js"></script> 把下面的代码存为language.js,即可 document.write(" <a StranLink" style=""...
[css教程] 了解CSS挂马及相应防范方法 日期：2011-09-30 12:38:08 点击：58 好评：0
用来制作网页特效的CSS代码，也可以用来挂马。 随着Web2.0的普及，各种网页特效用得越来越多，这也给黑客一个可乘之机。他们发现，用来制作网页特效的CSS代码，也可以用来挂马。而比较讽刺的是，CSS挂马方式其实是从防范E挂马的CSS代码演变而来。 网站挂马的手段最...
[css教程] 更简洁的CSS清理浮动方式 日期：2011-09-30 12:37:28 点击：37 好评：0
清理浮动有很多种方式，像使用 br 标签自带的 clear 属，使用元素的 overflow，使用空标签来设置 clear:both 等等。但考虑到兼容问题和语义化的问题，一般我们都会使用如下代码来清理浮动。 /* 清理浮动 */ .clearfix:after { visibility:hidden; display:block...