[CSS教程]
创建CSS的对象 使CSS对象的粒度合适
强硬的把CSS和HTML塞到PHP里面可以防止代码太枯燥(DRY)并最终导致代码臃肿，因为的CSS和HTML需要比PHP更细致的对象结构。事实上，PHP的模板不是天生合适的，因为每个模板包含了许多不同的HTML，以及以不同的方式相结合的CSS对象。 然后，我并没有解释它，或...
发布于：2010-07-07 00:13:49 点击：0
[CSS教程]
CSS教程:视觉语义不等于基于表现的类
你和用户之间的网站堆栈（简化版） 在TXJS大会的最后一天，一个开发者问我： 面向对象的CSS没有给你留下一大堆基于表现的class名? 网络堆栈中的每一层都有它自己的结构。你不会期望将数据库架构用于构建PHP中间件，人们对于HTML和CSS的期望是一样一样的。HTM...
发布于：2010-07-07 00:11:47 点击：1
[CSS教程]
CSS:移动网站开发的前端技术和技巧
上一篇我们谈到了移动网站中的标签，想必很多人也很想了解Mobile CSS的情况吧，本文将和大家一起探讨移动网站中的CSS标准。 介绍 Mobile css的标准也是有些复杂的，与前一篇文章中提到的类似，之前存在着一个W3C制定的CSS Mobile Profile 1.0以及OMA的WAP CS...
发布于：2010-07-07 00:11:13 点击：0
[CSS教程]
使用CSS2.1的多重背景效果和边框效果
在单个HTML元素上利用CSS2.1实现拥有3张背景图片和2张内容图效果，或者多重边框的效果。这种渐进增强的方式适用于所有支持CSS2.1伪元素及其定位属性的所有浏览器。不需要CSS3的支持。 演示：使用CSS2.1的多背景 演示：使用CSS2.1的多边框 支持的浏览器：Fire...
发布于：2010-07-07 00:09:56 点击：7
[CSS教程]
30个特殊的CSS网页导航
1. The Menu menu This another great CSS menu Stu Nicholls thats unique hovering over a menu item reveals a submenu. If you want get started with this menu just simple view the source code. Demo in page. 2. Pure CSS hover menu View Demo In...
发布于：2010-06-20 17:29:33 点击：21
[CSS教程]
CSS3和Javascript制作图片拖动效果
可悲的是，对CSS3和HTML5的不是标准（但）这些天（何时会永远是什么？）。由于此演示使用对CSS3，并不是所有的浏览器都可以全面兼容。正因为如此，它只能作为他们的支持通过- WebKit中字头的变换和箱阴影对CSS3属性仅浏览器在苹果Safari和谷歌浏览器。...
发布于：2010-06-20 17:29:33 点击：10
[CSS教程]
CSS制作网页导航:两侧背景自动延伸
方法来源于土豆网的导航，在这里纪录一下实现的思路。 主要是利用 position 属性的 absolute 和 relative 配合 z-index 来实现的，通过position:absolute将需要平铺的背景层叠在另一背景上，这样即可以实现同一位置的两个背景，再使用z-index将内容提升到最...
发布于：2010-06-20 17:29:10 点击：14
[CSS教程]
IE8的一个BUG：Hack 兼容方案
字体真是个麻烦的东西，然后又是个重要的东西。为以更方的解决字体问题，就像上次推荐的《 再谈 Web 默认字体 》，为了Pixel Perfect，我们不断纠结。像支付宝在CSS Reset中是这样写的： body{ font : 12px Tahoma , Helvetica , Arial , '宋体' , sans-seri...
发布于：2010-06-20 17:28:48 点击：7
[CSS教程]
W3C盒子模型和IE6盒子模型
IE6 盒子模型中，盒子的尺寸包含了 内容区，padding， border 和 margin 这四个部分，而 W3C 的盒子模型中，盒子的尺寸只包含内容区，padding，border 和 margin 被排除在盒子尺寸之外。 盒子模型（Box Model）是 CSS 的核心，现代 Web 布局设计简单说就是一...
发布于：2010-06-20 17:28:20 点击：10
[CSS教程]
用CSS和jQuery制作霓虹效果
今天我们为大家准备的JS+CSS霓虹灯效果，让你的文字像灯一样每一分每一秒都变色。 今天我们要用CSS和jQuery制作霓虹效果。现在我们开始第一步，制作一个背景。其中有2个不同颜色的文字版本。 要生成五颜六色的背景图象，您首先需要新建的Photoshop文件650px...
发布于：2010-06-20 17:27:46 点击：9
[CSS教程]
最近整理的一份CSS文字隐藏的demo
{ hide_text } CSS文字隐藏总结报告 最近整理的一份 CSS 文字隐藏的 demo ，总结了几种方法，希望得出一种最完美的方案放进自己的代码片段，可是，到最后却陷入一种重复不断地推翻结论的境地。因为需要考虑的应用场景和元素实在太多，放下浏览器不谈，不同的...
发布于：2010-06-20 17:26:15 点击：25
[CSS教程]
CSS属性Vertical Align基本使用方法
CSS有一个属性叫Vertical Align。当你第一次学习它的时候会有些困惑，因此我觉得我们可以通过它的用法来了解它。最基本的用法像这样： img{ vertical-align: middle; } 注意在这个应用案例中，它被应用到了img元素上。图片通常是行内元素，意味着它通常是和...
发布于：2010-06-20 17:25:08 点击：8
[CSS教程]
CSS网页制作实例教程:非常酷的日期效果
LearningjQuery.com 的博客日志上的日期效果非常的酷，如下图： 其中文字的样式和垂直的年份就会告诉你这不是用图片来完成的。而且在标记语言中日期信息是是以文字出现的，就像...
发布于：2010-06-20 17:24:24 点击：6
[CSS教程]
CSS2.1帮助文档和CSS3文档(PDF格式)
今天我们荣幸的发布两个帮助文档。这两个文档可以帮助你快速查看正确的CSS2.1属性或者还不太为人所知的CSS3属性。其中的样式表包含最重要的属性、解释以及每一个属性的关键字。这两个帮助文档由 GoSquared 制作，通过Smashing Magazine发布给读者。 免费下载...
发布于：2010-06-20 17:23:56 点击：2
[CSS教程]
网页表格设计技巧总结
一个好的表格应该以易于理解，简单明了的方式传递大量的信息。真正的重点应该 放在信息上， 对表格的过度设计会抵消这种作用。从另一方面来说，巧妙的设计不仅可以使一个表格更具吸引力， 而且可以增加可读性。 表格信息通常是很乏味的 从某种意义上来说，的...
发布于：2010-06-20 17:22:59 点击：11
[CSS教程]
css3.0的新属性的参考列表
文中的图表让我们对于每一个浏览器对css3.0新属性的支持情况一目了然，通过升级firfox、Chrome、Safari、Opera浏览器的版本是可以做到支持css3.0属性的，但ie浏览器的升级版本还是无法很好的支持css3.0的新属性！ zenelements.com 网站对部分css3.0新属性进行...
发布于：2010-06-20 17:22:29 点击：2
[CSS教程]
兼容ie6常见问题:10条有效的html和css代码
ie6目前依然是国内用户的主要浏览器，因此作为网页前端开发来说，无可避免必须兼容IE6浏览器，这里有十条使用有效的html和css代码修复可以兼容ie6常见的问题。 我们知道ie会在一段时间内仍然流行，但是我们仍然可以支持浏览器并且避免hacks和条件css吗？这里...
发布于：2010-06-20 17:22:03 点击：17
[CSS教程]
CSS3实例教程:CSS3下拉菜单代码解析
上个星期我发布了一篇 CSS3下拉菜单 ，有人反映说我将CSS代码解释的不够详细。那么，这篇文章将会对新的CSS属性作出解释，包括：text-shadow，box-shadow和border-radius。这些CSS3属性是最常用到的，了解它们准没错。 RGBA 前三个值是RGB颜色值，最后一个值...
发布于：2010-06-20 17:21:24 点击：4
[CSS教程]
各种跨浏览器兼容的CSS编码准则和技巧
很多人认为，完美的跨浏览器兼容并不必要，这样说虽然没错，但在很多情形，一种近似的兼容还是很容易实现的，本文讲的是各种跨浏览器兼容的 CSS 编码准则和技巧。 作为 Web 设计师，你的网站在各种浏览器中有完全一样的表现是很多人的目标，然而这是一个永远...
发布于：2010-06-20 17:20:40 点击：2
[CSS教程]
网页设计参考的优秀的中英文设计博客
1、 Web Designer Wall 是一个水彩风格的博客，作者是Nick La。博客的内容包括三大块：CSS和Photoshop教程、网页设计灵感和趋势以及其他一些有关网页设计的新闻和通告类的东西。最近上面的几篇文章就很值得一读，比如： 漂亮的CSS3搜索表单 、 跨浏览器的CSS...
发布于：2010-06-20 17:19:42 点击：2
