CSS
文章平均质量分 69
简生
啊啊啊啊啊啊!
展开
-
CSS改变表格行的背景颜色
<br /><table cellpadding="5" cellspacing="0" border="1"> <caption>Family Statistics</caption> <thead> <tr> <th>Name</th> <th>Age</th> <th>Sex</th> <th>Hair Color</th> </tr> </thead> <tbody> <tr class="odd">原创 2011-05-22 02:31:00 · 4721 阅读 · 0 评论 -
CSS3 动画属性(备忘)
其实用CSS3实现动画效果主要涉及到3个CSS3属性:transition,animation 和 transformtransition CSS3过渡属性,通过transition指定css属性,当该属性的值发生变化时,就会产生流畅的过渡效果。transition主要包含四个属性值,分别为:执行变换的属性:transition-property变换延续的时原创 2012-09-15 17:36:17 · 3554 阅读 · 0 评论 -
spin.js 简易文档
spin.js是什么?说白了就是一个loading时的菊花图案。官方的地址是:http://fgnass.github.com/spin.js/特点:+ 不含图片,无需外接CSS文件+ 原生JavaScript,不依赖任何库+ 可配置性高+ 没有分辨率限制+ 对旧版IE通过VML实现+ 使用@keyframe实现动画,用setTimeout()对下兼容+翻译 2012-09-03 00:17:28 · 8969 阅读 · 1 评论 -
CSS3的transition属性
transition :CSS3动画属性更详细的内容去: http://www.w3cplus.com/content/css3-transitiontransition主要包含四个属性值: 执行变换的属性:transition-property : none | all | [ ] [ ',' ]* 变换延续的时间:单位s原创 2012-06-07 10:47:12 · 2033 阅读 · 1 评论 -
text-overflow:ellipsis,让溢出文本显示省略号
语法: text-overflow : clip | ellipsis 参数: clip : 不显示省略标记(...),而是简单的裁切 ellipsis : 当对象内文本溢出时显示省略标记(...)text-overflow属性仅是注解,当文本溢出时是否显示省略标记。并不具备其它的样式属性定义。我们想要实现溢出时产生省略号的效果。还必须定义:强原创 2011-12-22 17:25:00 · 530 阅读 · 0 评论 -
CSS3的一些特性(备忘)
RGBA:RGBA 可以应用于与颜色的任何属性,如字体颜色,边框颜色,背景颜色,阴影颜色等。background:rgba(red, green, blue, Alpha);Alpha:0 = 透明,1 = 不透明其他三色分别为0到255---------------------------------------------------------------原创 2011-12-10 09:23:43 · 471 阅读 · 0 评论 -
jQuery简易展板,仿国际版阿里巴巴。
这次的jQuery代码写得有点繁琐和混乱,而且多次出现重复代码,也懒得去修改了。sd-style.css#slide-down { width:753px; height:80px; position:absolute; top:100px; lef原创 2011-09-21 11:27:04 · 781 阅读 · 0 评论 -
jQuery简易左侧分类栏,仿国际版阿里巴巴。
为什么是简易版?因为没有加入国际版阿里巴巴分类栏根据窗口大小调整位置的功能。style.css#sorts-list { position: absolute; width: 150px; border:1px solid #aaa;}原创 2011-09-20 08:31:54 · 823 阅读 · 0 评论 -
CSS进阶:详解CSS优先级的读法
最近看到篇对CSS优先级有比较好的解释的blog,虽然52CSS.com有相关的文章,但依然转载过来供大家学习参考。 详解CSS优先级的读法,CSS优先级包含四个级别(文内选择符,ID选择符,Class选择符,元素选择符)以及各级别出现的次数。根据这四个级别出现的次数计算得转载 2011-08-02 17:29:10 · 691 阅读 · 0 评论 -
CSS改变链接的颜色和背景色
<br /><ul> <li id="wpub"><a href=#><strong>Publish</strong> thoughts</a></li> <li id="wcon"><a href=#><strong>Get</strong> feedback</a></li> <li id="wshr"><a href=#><strong>Post</strong> photos</a></li> <li id="wpst"><a href=#><stro原创 2011-05-22 02:32:00 · 1986 阅读 · 0 评论 -
解决img对大部分CSS样式不支持的问题
主要参考:http://webdesignerwall.com/demo/css3-image-styles/http://www.qianduan.net/css3-image-styles.html详情到上面两个连接看。主要自己整理一下,顺便把jQuery的代码专为JavaScript,做个备忘。DEMO:http://jsfiddle.net/QkRKC/原创 2012-09-14 23:21:05 · 3580 阅读 · 0 评论