1. <div></div> 默认 独占一行,用两个<div></div><div></div>自动在两行上显示
<span></span><span></span>默认在一行上显示
2. CSS三种引入方式(注意优先级,就近)
行内 页面内(<head></head>内)
外部定义(定义一个CSS文件)<link href="css/test.css" rel="stylesheet" type="text/css"/>
3. CSS样式<style></style>设置的格式:
4. 选择器 元素 类 ID 后代
5. 浮动 float left/right
6. 盒子模型 margin padding
定位absolute是绝对路径,定义的位置是相对于窗口边缘的位置,会随着滚动条滚动 定位relative是相对路径,定义的位置是相对于其相邻的元素的位置
定位fixed是相对于可视窗口的位置,不会随滚动条滚动
7. solid 实线 ,跟在border之后,空格(不是冒号)+颜色...solid实线,是border的一个 方面,不是一个单独的style属性
8. Div的各项属性style等号后的“”中不同属性用分号
9. 显示和隐藏 display:block显示 none隐藏 inline在一行中显示
10. JS中弱变量体现在变量的声明上,都用var表示,赋什么值就是什么类型
11. For(var i = 0; i < 10; i++) {}
数据类型 undefined Boolean Number String null
12. ===全等于(值和类型都相同,才会返回true) var a = 3; var b = “3”,用==比较,返回true,用===比较,为false
13. Alert()在页面弹出提示窗口
14. Location.href=”路径”跳转到这个路径页面
15. History.go(-1)/history.back()返回上一页面
16. JS
ECMASCRIPT:语法
<span]BOM:浏览器对象模型
Window:
setInterval()/clearInterval()
setTimeout()/clearTimeout()
alert()一般调试用
Confirm()确认框
Prompt()可输入的对话框
Open()打开一个小窗口
17. * BOM:浏览器对象.
* window:
* Navigator:
* Screen:
* History:
* Location:
* DOM:文档对象.
* 获得元素:
* document.getElementById(),document.getElementsByName(),document.getElementsByTagName();
* 添加元素:
* element.appendChild(),element,insertBefore();
* 删除元素:
* element.removeChild();
* 创建元素:
* document.createElement(),document.createTextNode();
* 修改元素值:
* innerHTML属性:
18. JQuery:
* JQuery的概述:是一个轻量级的JavaScript的类库.对JS进行封装.
* 常见的JS的框架:
* JQuery,ExtJS,DWR,Prototype...
* JQuery的使用:
* 引入JQuery的JS.
* window.onload和$(document).ready(function(){});区别?
* onload页面加载完成后才会执行.执行一次
* ready在页面的DOM树绘制完成就会执行.执行多次.
* JS对象与JQuery对象的转换.
* JS-->JQuery: $(JS的对象)
* JQuery-->JS: JQ对象.get(0), JQ对象[0]
* JQuery的选择器:(*****)
* 基本选择器:
* ID选择器,类选择器,元素选择器,通配符选择器,选择器并列.
* 层级选择器:
* 空格 ,> ,+ ,~
* 过滤:
* :first,:last,:eq(),:even,:odd...
* 属性选择器:
* [属性名],[属性名=’属性值’]...
* 表单选择器:
* :input,:text,:password,:radio...
* 可见性:
*
* 表单对象属性:
* :checked,:selected,:enable,:disable
* JQuery实现效果:
* show(),hide(),slideDown(),slideUp(),fadeIn(),fadeOut(),animate()
* JQuery样式操作:
* css();
* JQuery属性操作的方法:
* attr(),removeAttr(),prop(),removeProp(),html(),text(),val(),addClass(),removeClass()
* JQuery文档处理:
* append(),appendTo(),insertBefore(),insertAfter(),remove(),clone(),replaceAll()
* JQuery的事件:
* click(),change(),submit(),dblclick(),keyUp(),keyDown()...
* toggler(),hover() ---进行事件的切换.