ydmichelle的博客

无意中在室友办公室翻到了一本书，恰巧学校也开了一门关于这门语言的书，就跟着书写个笔记吧~~~现在只是个引言部分，写一些小笔记:1.复杂的网站可能会使用数据库来存储数据，并在服务器端使用php，asp.net，java或ruby等编程语言。2.屏幕阅读器是一种用来将计算机屏幕上的内容读给用户的程序3.css的属性通常分为两类：表现（控制文本颜色和字体，字体大小，添加背景色以及背景图片

example2.jsvar canvas = document.getElementById('canvas'); context = canvas.getContext('2d'); rubberbandDiv = document.getElementById('rubberbandDiv'); resetButton = document.getElementById('re

鼠标处理使用监听器，可以通过onmousemove，onmouseup，onmouseout或者onmousedown来注册监听器。使用onmousedown，onmousemove这样的方式来注册监听器，比调用addEventListener（）要稍微简单一点，如果鼠标事件要注册多个监听器的时候，那就要使用addEventListener（）。实现精灵表坐标查看器：examp1.

canvas绘图API：arc()beginPath()clearRect()fill()fillText()lineTo()moveTo()stroke()canvas创建不可见的路径，然后用stroke（）来描绘路径的边缘，或者调用fill（）来对路径的内部进行填充，是路径变得可见。可以调用beginPath（）方法来开始定义某一段路径。绘制钟表：

控制图像大小：小型肖像：220*360小型景观：330*210专题照片：620*400背景图片（background-image）重复图像（background-repeat、background-attachment）background-repeat：repeat、repeat-x、repeat-y、no-repeatbackground-attachment：（制

canvas的基础使用html上的代码：michelleswanbody{ background: #dddddd;}#canvas { margin: 10px; padding: 10px; background: #ffffff; border: thin inset #aaaaaa;} canvas not supported examp

css中控制页面布局的定位机制：普通流、相对定位、绝对定位普通流（position：static）相对定位（position：relative）绝对定位（position：absolute）固定定位（position：fixed）重叠元素（z-index）：控制元素的层次，数值越大，元素的层次就越靠前，z轴上彼此堆叠，置于顶层或置于底层浮动元素（float）清除浮动（c

项目符号样式（list-style-type）无序列表：none、disc、circle、square有序列表：decimal、decimal-leadin-zero、lower-alpha、upper-alpha、lower-roman、upper-roman项目图像（list-style-image）：url（“图片位置”）；标记的定位（list-style-p

盒子的大小（width，height）宽度限制（min-width，max-width）高度限制（min-height，max-height）内容溢出（overflow）：hidden：直接把溢出盒子空间内容隐藏scroll：会在盒子上添加一个滚动条，方便用户通过滚动滑块来查询其余内容边框、外边距和内边距1.边框（border）2.外边距（margin）

字体选用（font-family）字体大小（font-size）使用更多字体（@font-face）font-family、src、format粗体（font-weight）：normal、bold斜体（font-style）：normal、italic（文本以斜体显示）、oblique（文本倾斜显示）小写和大写（text-transform）：uppercas

前景色 colorcss中采用三种方法进行指定颜色：RGB值：rgb(red,green,blue)十六进制编码：#ee3e80颜色名称：浏览器可以识别147种预定义的名称颜色。背景色  background-colorcss3：透明度opacity（透明度属性值介于0.0~1.0），rgba（red，green，blue，alpha）

一条css规则包含两部分：一个选择器和一条声明选择器{属性：值}使用外部css：位于html的元素中，定义页面样式的css文件href：css文件的路径type：表面页面所连接文档里的类型 text/cssrel：html页面与被链接文件的关系。链接css文件时，值为stylesheet使用内部css：位于html的元素中，定义页面样式的css文件

向网页中添加视频：src：指定视频路径poster：视频加载时活在视频播放前显示的一个图像width，height：播放器的大小controls：提供默认的播放控件autoplay：视频文件应该自动播放loop：视频结束后重新播放preload：在页面加载时需要做什么（none用户按下播放前什么都不做，auto页面加载时载入视频，metadata浏览器只需收集少

id特性：全局特性，唯一区分class特性：指明所属类：有id和class特性，将文本和元素集中在一个块级元素中：可以利用css来控制的内容外观，有class和id特性：内联框架，网页里分割小窗口，可以在小窗口看到另一个网页width="450"   指定内嵌框架宽度的像素值height="350"指定内嵌框架高度的像素值src=""指定要在框架中显示的页面

表格基本的表格结构：：创建表格：每行的开始，（table row）：表格中的每个单元格表格的标题：：用法与类似，表示列或行的标题（table heading），没有内容的话就是空单元格。scope特性：元素是列标题还是行标题xxxx    #列标题xxxx#行标题跨列：在或元素中用colspan特性表明单元格索要跨越的列数。xxxx#跨越了两

列表有序列表无序列表定义列表有序列表：(有序列表)、(列表项目)浏览器对列表有默认的缩进无序列表(无序列表)、(列表项目)定义列表、>、链接网站链接：nameEmail链接：mailto:michelleswan@xx.com">email新窗口打开链接：<a href="http://www.

常用标签：1.标题、、、、、2.段落3.粗体和斜体、4.上标和下标(上标：次方；下标：脚注，化学公式小数字)、5.空白浏览器遇到两个或两个以上的连续空格时，只将其显示为一个空格。6.换行符和水平线、7.加粗和强调、8.引用(缩进一段文本)、(两侧添加引号)9.缩写词和首字母缩写词10.引文和定义、11.设计者详细信

我们常常绘画的canvas的画布内容，对于用户而言是只能看不能进行操作的，你所绘画出来的呈现出来的图片，其实用户看到了之后是无法对其进行操作的，不能进行保存和打印，这样，我们就需要用一种方法对我们所画的canvas进行改变，使之变成一个image。canvas的API提供的toDataURL()：返回的引用，指向了某个给定canvas元素的数据地址。可以将img元素的src属性值设置为这个数据