css3常见新特性介绍
发布时间:09/01 来源:未知 浏览:
关键词:
新的元素选中器
E:nth-last-child(n), E:nth-of-type(n), E:nth-last-of-type(n), E:last-child, E:first-of-type, E:only-child, E:only-of-type, E:empty, E:checked, E:enabled, E:disabled, E::selection, E:not(s)
border-radius
又称圆角属性,平常使用该属性将图片圆角化,如头像。
border-radius: 50%;
border-radius别的一个常用的手段是CSS动画。
word-wrap & text-overflow
word-wrap属性用来指出阅读器在单词内停止断句,防止字符串太长而寻不到它的天然断句点时发生的溢出。
word-wrap: break-word;
text-overflow用于文本溢出:
单行缩略的实现如下:
.oneline { white-space: nowrap; //强迫文本在一行内输出 overflow: hidden; //潜藏溢出部分 text-overflow: ellipsis; //对溢出部分加上... }
多行缩略实现如下(主要针对webkit内核):
.multiline { display: -webkit-box !important; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
background
主如果以下三个属性:
background-clip 规定背景的绘制区域, 取值为border-box | padding-box | content-box | no-clip
background-origin 规定背景的定位区域, 取值为border | padding | content
background-size 规定背景图片的尺寸, 取值为[ | | auto]{1,2} | cover | contain
引荐教程:css快速入门
以上就是css3常见新特性介绍的具体内容,更多请关注百分百源码网其它相关文章!