[css教程] CSS3实例教程:transitions测试学习 日期：2012-05-14 20:50:20 点击：45 好评：0
<!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="Con...
[css教程] CSS有趣实例:让整个网页翻转效果 日期：2012-05-14 20:49:47 点击：55 好评：0
有时候我们需要给用户一点惊喜，一些与众不同。当你访问一个网站的时候发现网站的整个界面都是水平翻转过来的，会不会觉得是浏览器出了问题呢？其实这种网页翻转效果通过强大的 css 就可以实现滴。 你只需要把以下的 CSS 加入到要实现翻转效果的网页中即可看到效果：...
[css教程] CSS3教程:Transform-变形处理 日期：2012-05-14 20:49:06 点击：33 好评：0
transform：使用transform功能实现四种文字或图像的变形处理，分别是旋转、缩放、斜切以及移动。 none： 无转换 matrix(<number>,<number>,<number>,<number>,<number>,<number>)： 以一个含六值的(a,b,c,d,e,f)变换矩阵的形式指定一个2...
[css教程] 利用label标签和CSS美化文件上传表单(不兼容IE6) 日期：2012-05-09 17:29:07 点击：57 好评：0
文件上传类型表单<input type=”file” />是一个让很多前端开发者纠结过的表单类型，因为它是一个无法单纯用CSS给它定义兼容的样式。上周的工作中有个批量上传图片的页面，又遇到了这个问题，于是，今天把我的解决方案奉献给大家：利用label标签与CSS共同打...
[css教程] CSS网页实例:适合所有项目通用的reset.css 日期：2012-05-07 21:43:26 点击：97 好评：1
0，引言 每每有新项目，第一步就是应当使用一个reset.css来重置样式。滥用不如不用，直接拿个现成的reset.css过来将导致后期各种离奇bug的发生。所以最好还是自己写一个reset.css，并且要明白每一条reset都是用来做什么的。reset.css本意就是重置样式，我始终建议把.clearfix...
[css教程] CSS分内部和外部两种方式 日期：2012-05-06 20:41:54 点击：55 好评：0
内部CSS写在HTML的<head>和</head>之间，需要用<style></style>包含。 例： <html> <head> <style> CSS样式的具体代码 </style> </head> <body> 网页内容 </body> </html> 外部CSS文...
[css教程] DIV+CSS中id和class的使用原则 日期：2012-05-06 20:41:00 点击：76 好评：0
本文向大家描述一下DIV CSS中id与class使用原则，在前面的文章里讨论过很多DIV CSS布局的技巧，我们在用CSS来控制网页布局时我们可能都会遇到一个问题：当定义一个属性时，是使用id，还是使用class?这里和大家说明一下， 相信本文介绍一定会让你有所收获。 DIV CSS中id...
[css教程] CSS实现强制不换行、自动换行、强制换行的css代码 日期：2012-05-05 21:43:07 点击：47 好评：0
点评：CSS实现强制不换行、自动换行、强制换行的css代码，需要的朋友可以参考下 强制不换行 p { white-space:nowrap; } 自动换行 p { word-wrap:break-word; word-break:normal; } 强制英文单词断行 p { word-break:break-all; } *注意：设置强制将英文单词断行，...
[css教程] font-family 中文字体的英文名称小结 日期：2012-05-05 21:42:15 点击：42 好评：0
点评：直接使用中文名称时，在不支持中文的系统或编码的页面就有可能会无法正常显示。如果使用Unicode码的话又不方便记忆 CSS中使用font-family属性引用中文字体时，经常采用三种方式定义字体： 直接写中文 英文别名 Unicode码 直接使用中文名称时...
[css教程] 使用不带单位的line-height 日期：2012-05-05 21:40:16 点击：20 好评：0
点评：line-height是可以继承的，所以子元素可以不用重复定义line-height。我们一般也会在后面 带上单位（如:line-height:22px; 或是line-height:1.4em;），但line-height给人带来麻烦的地方也是这个继承和后面加的单位 有的时候，我们为了实现单行文字的垂直居中，会给line...