本文摘自PHP中文网,作者V,侵删。
新的元素选择器
1 |
|
border-radius
又称圆角属性,通常使用该属性将图片圆角化,如头像。
1 |
|
border-radius另外一个常用的手段是CSS动画。
word-wrap & text-overflow
word-wrap属性用来指出浏览器在单词内进行断句,防止字符串太长而找不到它的自然断句点时产生的溢出。
1 |
|
text-overflow用于文本溢出:
单行缩略的实现如下:
1 2 3 4 5 |
|
多行缩略实现如下(主要针对webkit内核):
1 2 3 4 5 6 7 8 9 10 |
|
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常见新特性介绍的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
animation-iteration-count属性怎么用
更多相关阅读请进入《CSS3》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者