CSS3 小技巧/注意事项

原创 2015年07月10日 00:35:54

1. 令一个 div 在其父元素中居中

.align-center{
    position: relative;
    margin: 0 auto;
}

2. 调整文本行高

.line-height{
    line-height: 20px;
}

这个方法可以调整文本在 div 中的位置,也可以用来让文本垂直居中


3. 选择元素时的背景颜色

::selection{
    background-color: blue;
}

::-moz-selection{
    background-color: blue;
}
以上可以改变整个页面选择元素时的背景颜色

当然我们也可以用 id / class 等等方法来改变部分元素的背景颜色

p::selection{
    background-color: blue;
}
.changedBGColor::selection{
    background-color: blue;
}

需要注意的是:selection 只能修改 background-color 和 color (字体颜色),其他样式在 selection 里是无效的

版权声明:本文章禁止商业使用,非商用转载必须注明出处和作者。作者保留一切权利。

CSS3伪类与伪元素的区别及注意事项

CSS中伪类与伪元素的概念是很容易混淆的 今天就来谈谈伪类与伪元素之间的区别定义首先先来看看伪类与伪元素的定义 w3c中对于它们是这么解释的 伪类:用于向某些选择器添加特殊的效果 伪元素:用于将特...

cocos2d-js:小技巧及注意事项汇总(不定时更新)

以下是我使用cocos2d-js以来总结的一些经验,如果有错误或更好的解决办法还请大家指导。...

RF设计天线 PI型匹配layout注意事项–物联网设计小技巧

转自:http://www.mr-wu.cn/optimum-layout-of-rf-pi-type-matching-circuit/ RF设计天线 PI型匹配layout注意事项–物联网设...

android注意事项,小技巧

0.  UI特效大全网站:http://www.23code.com/ 0.  查看系统所有空间的样式:E:\sdk1\adt-bundle-windows-x86-20131030\sdk\plat...

使用 block 的小技巧和注意事项

block 捕获环境变量带来的好处和副作用
  • x1q2l3
  • x1q2l3
  • 2016年03月25日 10:47
  • 900

CAD技巧和相关操作注意事项

  • 2013年05月06日 16:18
  • 69KB
  • 下载

CSS3初体验之奇妙技巧!

自CSS3流行以来,虽然以前看过一遍所有的新增属性,但其实在实际项目中用到的少之又少。所以没有形成系统性的认识,以及看到效果立马就能想到解决方案的能力。然后最近正好遇到一个需要绘制大量动画的需求,所以...
  • yeana1
  • yeana1
  • 2016年08月06日 15:35
  • 266
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:CSS3 小技巧/注意事项
举报原因:
原因补充:

(最多只允许输入30个字)