table ----> 展示数据
table ---》表格 border cellspacing cellpadding width height
tr ---》行 align
th ---》 加粗 居中
td ---》 colspan rowspan
form ----》 注册 登录
form action method enctype
input ----》 表单项
属性: type: text password radio checkbox submit button reset hidden file date time color range
select --- option
textarea 文本域
css
选择器:标签 class id选择器
添加样式方式:
1.行内
2.内嵌
3.外部
常用的样式属性:
背景 文本 字体
css 样式:
1.盒子模型:
width height border padding(内容距离边框的距离) margin(外边距)
border padding(内容距离边框的距离) margin(外边距)
border:
border-right:1px solid red
border-left:1px solid blue
border: 1px solid blue
border-width:2px
border-style:solid (dashed dotted double )
border-color:red | #ff0000 | rgb(255,0,0)
padding:
padding-top: 2px
padding: 2px 5px
padding: 1px 2px 3px
padding: 1px 2px 3px 4px
同理margin
浮动:
float:left|right|none
只要是浮动的元素,没有block特点
图文混排 导航栏 布局
清除浮动
定位:
position:relative absolute fixed
top left bottom right
今天:
css3:动画
js:
变量:var index=0
数据类型:Number string boolean object undefined
运算符: ++ -- && || 条件?真:假
语句:
if(){}
if(){}else{}
if(){} else if(){} else if(){} ..else{}
switch...case
循环:
for(var i=0;i<10;i++){}
while(a>10){}
continue break
函数:
function 函数名(){
函数体
}
有参数和无参数
有返回值和无返回值
结合事件: onclick事件
找对象: document.getElementById('d1')
对象.style.backgroundColor='red'
BOM