H5CS3笔记

header头部标签section块级标签
nav导航标签article内容标签
aside侧边栏标签footer 尾部标签
email:输入合法的邮箱地址
url :合法网址
number :只能输入数字
month:月份
week :第几周
time :时间
input属性:autofocus :自动获取输入框焦点
form:list :multiple :实现多选效果
placeholder :占位符(提示信息)
required :必填项

媒体元素:

视频
属性: controls显示控制栏
属性: autoplay自动播放
属性:loop设置循环播放
音频
属性: controls显示控制栏
属性: autoplay自动播放
属性:loop设置循环播放

绘图:

ctx.moveTo(x,y)
ctx.lineTo(x,y)连线
ctx.stroke()描边
ctx.beginPath() ;新的图层颜色: strokeStyle=“值”
线宽: lineWidth="值"备注:不需要带单位
对角圆角矩形:border-bottom-right-radiusborder-bottom-left-radius
线性渐变:
grd.addColorStop(O,"black’ );设置渐变的开始颜色grd.addColorStop(0.1"yellow’ );设置渐变的中间颜色grd. addColorStop(1,“red”);设置渐变的结束颜色ctx.strokeStyle=grd;
ctx. stroke();

CSS3转换

旋转2D转换:translate(x.y) :定义2D转换，沿着x和Y轴移动元索。
translate(50x. 100px)把元素从左想移动50像素.从顶端移动100像索。
translateX(n) :定义2D转换，沿着X轴移动元素,
tronslteV(m) :定义20砖换,沿着Y轴移动元素。
3D:transform-origin :改变被转换元素的位置。
css过度效果:transition
transition-duration
background: webkit linear gradientrdyell文本:
webkit column-span