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代码编写规范及注意要点

CSS3编码规范及注意要点 语法: 用两个空格来代替制表符(tab) -- 这是唯一能保证在所有环境下获得一致展现的方法。为选择器分组时,将单独的选择器单独放在一行。为了代码的易读性,在每个声...
  • sinat_34719507
  • sinat_34719507
  • 2016年12月27日 01:43
  • 1825

图解css3:target选择器

1.基本选择器,层次选择器 2.动态伪类选择器(:link,:visited,:hove,:active,:focus)ie8支持    目标伪类选择器(:target)...
  • ly1208000101
  • ly1208000101
  • 2016年08月22日 21:02
  • 868

css3 中 margin-top使用的注意点

最近在写一个前端页面的时候使用了margin-top属性,并且给它赋了一个百分比的属性值,结果页面的出了一点问题.下面做个实验:这个是html代码 m...
  • Genius_S_
  • Genius_S_
  • 2016年08月17日 23:15
  • 780

linux中的一些小技巧

1. ibus拼音设置 在新装好的ubuntu中,开机之后会提示是否更新语言包,确认安装,安装好后打开终端(快捷键:Ctrl+Alt+T),输入ibus-setup,会出现设置界面: 切换到inp...
  • Andrewseu
  • Andrewseu
  • 2016年01月15日 18:37
  • 639

Linux小技巧收集

 原贴地址:http://blog.chinaunix.net/u/26011/showart.php?id=364841 ...
  • chinalinuxzend
  • chinalinuxzend
  • 2007年08月28日 12:53
  • 8281

Android小技巧

总结一些平时项目小技巧: 1、context.getResources().getDisplayMetrics()报空指针异常 Resources res; if (context == null)...
  • yersterday
  • yersterday
  • 2014年08月04日 10:31
  • 1061

HTML5和CSS3小技巧

一、before和after伪元素  可以指定伪元素的尺寸,关联背景图片,结合伪类实现过度效果, blockquote:before { content: " "; font-size: ...
  • qq_36192099
  • qq_36192099
  • 2018年01月21日 19:39
  • 55

CSS3小技巧之画图

在前端开发过程中有时我们需要一些小型图标,而类似小图标的图片由于不好操作或背景的原因会造成整体的效果,因而我们需要用到CSS3中的一些小技巧来画出一些小图标。...
  • u013027071
  • u013027071
  • 2016年10月20日 23:28
  • 77

【CSS3】---样式小技巧

水平居中设置-定宽块状元素 当被设置元素为块状元素时用 text-align:center 就不起作用了,这时也分两种情况:定宽块状元素和不定宽块状元素。这一小节我们先来讲一讲定宽块状元素。 满足...
  • xuan0107
  • xuan0107
  • 2015年06月04日 14:23
  • 303

日常生活小技巧 -- 玩转 PDF

一、PDF 翻译芯片手册、用户手册等多是PDF文件,多是英文的。下面介绍一下,如何将英文的 pdf 翻译为中文的。百度搜索到的翻译网页大多是需要付费的。那么免费的应该用什么呢?推荐,谷歌翻译:http...
  • qq_29350001
  • qq_29350001
  • 2017年12月11日 12:18
  • 256
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:CSS3 小技巧/注意事项
举报原因:
原因补充:

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