框架集
框架集和内联框架的作用类似,都是用于在一个页面中引入其他的外部的页面,框架集可以同时引入多个页面,而内联框架只能引入一个,在h5标准中,推荐使用框架集,而不使用内联框架,使用frameset来创建一个框架集,注意frameset不能和body出现在同一个页面中,所以要使用框架集,页面中就不可以使用body标签
属性:
rows,指定框架集中的所有的框架,一行一行的排列
cols, 指定框架集中的所有的页面,一列一列的排列
这两个属性frameset必须选择一个,并且需要在属性中指定每一部分所占的大小
frameset中也可以再嵌套frameset
frameset和iframe一样,它里边的内容都不会被搜索引擎所检索
所以如果搜索引擎检索到的页面是一个框架页的话,它是不能去判断里边的内容的,使用框架集则意味着页面中不能有自己的内容,只能引入其他的页面,而我们每单独加载一个页面,浏览器都需要重新发送一次请求,引入几个页面就需要发送几次请求,用户的体验比较差,如果非得用建议使用frameset而不使用iframe
在frameset中使用frame子标签来指定要引入的页面,引入几个页面就写几个frame
css3过度动画
在哪产生动画,动画的时间,运动曲线,延迟
比如:transition:border-radius 500ms ease,width 500ms ease 500ms,height 500ms ease 1s,background-color 500ms ease 1.5s;
css3圆角阴影透明度
border-top-left-radius: 100px 50px;左上角为椭圆圆角
border-top-left-radius: 100px;左上角为正圆圆角
border-top-right-radius: 100px;右上角为正圆圆角
border-radius: 40px;曲率半径为40的圆角矩形
border-radius: 20%;最大200px,20%即40px
在box-shadow属性中添加inset(设置为阴影)
当透明度为30%,文字也将变成透明
运动曲线
贝塞尔(贝兹)曲线
transition: all 1s cubic-bezier(0.250,0.250,0.750,0.750);匀速
transition: all 1s linear:匀速
transition: all 1s ease:开始和结束慢速,中间加速
transition: all 1s ease-in:开始慢速,结尾突然停止
transition: all 1s ease-ou:突然开始,结束时慢速
transition: all 1s ease-in-out:开始和结束时慢速
transition: all 1s cubic-bezier(0.470, -0.485, 0.460, 1.435);:超出再缩回的弹性效果