html5的新特性 添加了用于媒介回放的 <video>,<audio> 元素 添加了语义标签譬如 header.footer.nav 等等元素 添加了用于绘画的 canvas 元素和svg绘图 扩充了input的输入类型,如下 输入类型 描述 color 主要用于选取颜色 date 从一个日期选择器选择一个日期 datetime 选择一个日期(UTC 时间) datetime-local 选择一个日期和时间 (无时区) email 包含 e-mail 地址的输入域 month 选…

自己学css的时候比较乱,这次趁着复习把css3的新特性选择器和css2以前不怎么用的选择器做一个总结 <div id="parent"> <p>I'm a example</p> <p id="one">I'm a example</p> <p>I'm a example</p> <p>I'm a example</p> <p>I'm a exa…

CSS3的新特性 新增CSS3特性有兼容性问题,ie9+才支持 移动端支持优于PC端 新增选择器和盒子模型以及其他特性 CSS新增选择器 属性选择器 属性选择器可以根据元素特定属性来选择元素,这样就可以不用借助于类或者id选择器 选择符 简介 E[att] 选择具有att属性的E元素 E[att="val"] 选择具有att属性切属性值等于val的E元素 E[att^="val"] 匹配具有att属性且值以val开头的E元素 E[att$="val&quo…

此版本带来了大量新特性更新,具体详见:xmake v2.1.5版本新特性介绍. 更多使用说明,请阅读:文档手册. 项目源码:Github, Gitee. 新特性 #83: 添加 add_csnippet,add_cxxsnippet到option来检测一些编译器特性 #83: 添加用户扩展模块去探测程序,库文件以及其他主机环境 添加find_program, find_file, find_library, find_tool和find_package 等模块接口 添加net.*和devel.*…

CSS3中增加的新特性: (1)选择器的种类 (2)字体 font (3)text-overflow (4)文本渲染 text-decoration (5)多列布局 column-count (6)RGB颜色和透明度 (7)圆角 border-radius (8)渐变 (9)阴影 (10)多背景图片 (11)过渡 翻转 (12)动画 @webkit-keyframes a { 0%{Opacity:0;} 100%{Opacity:1;} } .div{ -webkit-animation-na…

HTML5:1/绘画 canvas 元素;2/用于媒介回放的 video 和 audio 元素;3/本地离线存储 localStorage 长期存储数据,浏览器关闭后数据不丢失;4/sessionStorage 的数据在浏览器关闭后自动删除;5/语意化更好的内容元素,比如 article.footer.header.nav.section6/表单控件,calendar.date.time.email.url.searchCSS3: 1.CSS3实现圆角(border-radius),阴影(box…

一.transform css3引入了一些可以对网页元素进行变换的属性,比如旋转,缩放,移动,或者沿着水平或者垂直方向扭曲(斜切变换)等等.这些的基础都是transform属性 transform属性有一项奇怪的特性,就是它们对于其周围的元素不会产生影响.换句话说,如果将一个元素旋转45度,它实际上是重叠在元素的上方,下方或者旁边.而不会移动其周围的内容. 旋转:transform:rotate(-45deg); 缩放:transform:scale(.5);scaleX(2);scaleY(3…

animation    IE10 animation的六大属性 animation-name规定需要绑定选择器的keyframe名称 animation-duration规定完成动画所花费的时间 s ms object.style.animationDuration="3s" animation-timing-function动画的速度曲线默认值ease object.style.animationTimingFunction="linear"语法 animati…

CSS层叠样式表 三大特性 层叠性:相同的样式会覆盖 继承性:属性可向下继承 优先级:范围越小权重越高 选择器 基础选择器 标签选择器 1 body { 2 color:#fff; 3 } 类选择器 1 .people‐first { 2 color:green; 3 } id选择器 1 #laowang { 2 color:yello; 3 } 通配符选择器 * { 2 margin: 0 ; 3 padding: 0 ; 4 } 高级选择器 后代选择器 1 ul li { 2 list‐st…

1.旋转transform:rotate(30deg);-ms-transform:rotate(30deg); /* IE 9 */-moz-transform:rotate(30deg); /* Firefox */-webkit-transform:rotate(30deg); /* Safari and Chrome */-o-transform:rotate(30deg); /* Opera */ 2.CSS3 模块包括    选择器    框模型    背景和边框    文本效果  …