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