首页 > 编程知识 正文

列举5个css3新增的属性,css3新特性section

时间:2023-05-03 08:51:41 阅读:168719 作者:960

cs3新功能选择器

3358 www.Sina.com/:最后一个选择last-child/*元素的孩子*/:第一个选择first-child/*元素的孩子*/:nth-child(1)/*第几个孩子:禁用),然后选择每个禁用的dom元素) */:checked /* (每个选定的dom元素(/:not ) ),并选择(选择器)

伪类:用于向特定选择器添加特殊效果。 不会创建新元素。

:最后一个孩子*/:第一个孩子*/:第一个孩子*/:nth-child(1)/*适合第几个孩子的风格*/a : link *访问的链接*/a : hover { color 3360 # ff 00 ff }/*鼠标移动到链接上*/a:active{color3360

:before {} /*选择器在选定元素之前插入内容,定义css,并使用content属性指定要插入的内容。 */:after {} /*选择器在选定元素之后插入内容,定义css,并使用content属性指定要插入的内容。 */:first-letter /*选择元素内容的首字母*/:first-line /*选择元素内容的第一行*/:selection /*用户选择的元素

33558 www.Sina.com/background-size :规定背景图像的尺寸(cover )填充; 100% 100% :拉伸)

背景图案:对于背景图案属性,规定背景图像的放置位置。 具有以下属性

内容盒、绘制盒或盒区域

常规选择器:

焊脚:焊脚

box-shadow/text-shadow :阴影

边框图像:边框图像

背景和边框属性说明text-shadow为文本添加阴影text-justify是将text-align设置为“justify”时使用的对齐方法当高亮和高亮标记的前景颜色text-outline规定将文本轮廓text-overfhasis应用于元素文本时发生的事件text-wrap规定文本的换行规则3358 www.Sina

变形包括旋转、缩放、平移位移和天空倾斜

背景:

转换同时具有传输属性、传输持续时间、传输时间函数和传输延迟子属性值

边框

要使用动画,请先在@(-WebKit-) keyframes中定义动画名称和动画行为,然后在animation属性中设置和调用动画特征的值

. my class {-WebKit-animation-name : fade in; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; -ms-animation-name: fadeIn; 动画名称:传真in; 没有/*前缀的是最后一个*/}/*复杂属性key frames */@-WebKit-key frames fade in {0% { opacity : } 100% { opacity: 0; } @-moz-key frames fade in {0% { opacity : } 100% { opacity: 0; } @-o-key frames fade in {0% { opacity : } 100% { opacity: 0; } @-ms-key frames fade in {0% { opacity : } 100% { opacity: 0; }/*没有前缀的是最后一个*/@ key frames fade in {0% { opacity : } 100% { opacity: 0; }h5新特性h5新特性:

语义化标记: header、footer、section、nav、aside、article

扩展表单:输入的多个类型

新表单属性: placehoder、required、min、max

音频视频:音频、视频

canvas画布

地理位置

毒品

本地存储:

本地存储没有时间限制的数据存储;

会话存储,会话数据存储。 当用户关闭浏览器窗口时,数据将被删除

新事件: onresize、ondrag、onscroll、onmousewheel、onerror、onplay、onpause

WebSocket :建立持久通信协议

文本效果

例如:

headerfooternavsectionarticleasidedialog

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。