web相关知识学习

今天不想弄那个数据库了，就把最近学的javaweb在学习一下，毕竟谁能拒绝自己做游戏呢？

1.html5  Canvas(创建一个画布)   <canvas id="" width=""  height=""  style="border:1px"></canvas> 用border显示边框

Canvas.getContext("2d")  返回一个用来绘画的环境，2d表示为2维环境。

fillStyle="#FF0000";为定义图形颜色。可以为CSS颜色，渐变，或图案。
fillRect(x,y,width,height);定义图形的填充方式,意思为绘制width和height图形，从(x,y)位置开始，左上角为（0,0）。

画线的方法：moveTo(x,y)定义线条开始的坐标            lineTo(x,y)定义线条结束坐标       storke()绘制线条

画图形的方法：beginpath()开始绘画一条新路径        arc(x,y,r,start,stop)        storke()绘制线条

 还有绘制渐变颜色图形，放置图像功能。

2.html5   video显示视频  <video id=""  width="">      <source   src=".mp4"  type="video/mp4">    </video>

3.html5     audio显示音频    controls 属性规定浏览器应该为音频提供播放控件。

                     <audio controls>  <sourc src="" type="audio/">       </audio>

4.css知识   伪元素选择符，主要包括：<a>正常状态link，访问过的状态visited,选中的状态active,光标移动到超链接上文本状态hover

                                                              <p>首字母first-letter和首行first-line

                                                               普通元素：之前before   之后after

                                                               表格行元素<tr>,第一行first-child,最后一行last-child，奇数行odd,偶数行even。