[笔记] css 备注
![[笔记] css 备注](https://static.loacg.com/ghost/v3.0.0/creating-a-custom-theme.png)
表格 tr 隔行换色
table tr:nth-child(odd){background:#FFF;}
table tr:nth-child(even){background:#F4F4F4;}
transition 渐隐和背景过度
.div {
transition: background-color 0.5s ease-out,opacity 0.5s;
-webkit-transition: background-color 0.5s ease-out,opacity 0.5s;
-moz-transition: background-color 0.5s ease-out,opacity 0.5s;
-o-transition: background-color 0.5s ease-out,opacity 0.5s;
}
.div2 {
transition: opacity 0.5s;
-webkit-transition: opacity 2s;
-moz-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
}
图片按照偏移坐标加载
.fa {
background:url(full-image.png) no-repeat 0px -100px;
width: 75px;
height: 75px;
}
.fa a{
display:block;
line-height:75px;
text-decoration:none;
text-indent:-200px; /*放一个比较大的值,让a的标题不显示出来*/
overflow:hidden;
}