****************HTML********************
<h1> to <h6>
<p>：段落标签
<br>：换行标签
<hr>：展示一条水平线 color：颜色 width：宽度 size：高度center：居中left：左对齐 right：右对齐
<b>：字体加粗
<i>：字体斜体
<font>:字体标签
<center>:文本居中 color：颜色 size：大小 face：字体
width
img src
ol
li
ul 无序列表
a:定义一个超链接
href：指定访问资源的URL(统一资源定位符)
* target：指定打开资源的方式
* _self:默认值，在当前页面打开
* _blank：在空白页面打开
div和span：
* div:每一个div占满一整行。块级标签
* span：文本信息在一行展示，行内标签 内联标签
语义化标签：html5中为了提高程序的可读性，提供了一些标签。
1. <header>：页眉
2. <footer>：页脚
table：定义表格
* width：宽度
* border：边框
* cellpadding：定义内容和单元格的距离
* cellspacing：定义单元格之间的距离。如果指定为0，则单元格的线会合为一条、
* bgcolor：背景色
* align：对齐方式
* tr：定义行
* bgcolor：背景色
* align：对齐方式
* td：定义单元格
* colspan：合并列
* rowspan：合并行
* th：定义表头单元格
* <caption>：表格标题
* <thead>：表示表格的头部分
* <tbody>：表示表格的体部分
* <tfoot>：表示表格的脚部分
****************CSS********************
外部样式
<style></style>
<link rel="stylesheet" href="">
选择器
#id{}
div{}
.class{}
input[type='text']{}
a:link{} a:houer{} a:active{} a:visited{}
属性
文本p{
color 颜色
font-size 大小
text-align:center 居中
line-height 行高
}
边框border: 1px solid red;
尺寸div{
height 高度
width 宽度
background-color 背景颜色
background:url("") no-repeat(不重复) 背景图片
}
盒子模型
margin 外边距
padding 内边距
float left/right 浮动
****************JavaScript********************
--------------BOM-----------------
Window
方法
alert() 警告框
confirm() 确认框
prompt() 输入框
open() 打开新窗口
close() 关闭窗口
setTimeout(“alert()”,3000) 定时一次
clearTimeout() 取消
setInterval() 定时循环
clearInterval() 取消
属性
history 获取BOM对象
location
Navigator
Screen
document 获取DOM对象
Location
方法
reload() 刷新
属性
href 获取路径
History
方法
back() 后退
forward() 前进
go()
属性
length 访问个数
--------------DOM-----------------
document.getElementById() 创建 Element对象事件
onclick 事件 属性
Document 文档对象
getElementById() 获取Element对象
getElementsByTagName()
getElementsByClassName() 数组
getElementsName()
createElement 创建其他Element对象
Element 元素对象
removeAttribute() 删除属性
setAttribute() 设置属性
Attribute 属性对象
Text 文本对象
Comment 注释对象
Node 节点对象-----DOM对象
方法
appendChild() 末尾添加节点
removeChild() 删除子节点
replaceChild() 替换子节点
属性
parentNode 返回父节点
|
|
收藏
淘帖
踩
