189 8069 5689
css3的新特性有哪些？针对这个问题，今天小编总结这篇有关css3的新特性的文章，可供感兴趣的小伙伴们参考借鉴，希望对大家有所帮助。
创新互联公司是专业的福安网站建设公司，福安接单;提供网站建设、成都做网站,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行福安网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!
新的元素选择器
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
关于css3的新特性就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。