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
普通元素:之前
表格行元素<tr>,第一行first-child,最後一行last-child,奇數行odd,偶數行even。