CSSJSJQUERY.docx

CSSJSJQUERY.docx

《CSSJSJQUERY.docx》由会员分享，可在线阅读，更多相关《CSSJSJQUERY.docx（14页珍藏版）》请在冰豆网上搜索。

CSSJSJQUERY

定义描述标签

块级元素：

标题

描述1

描述2

。

。

。

。

。

。

。

Ol：

有序ul：

无序

Div--ul（ol）--li:

常用于分类导航或菜单（使他横向显示

width:

100px;

height:

30px;

list-style:

none;

float:

left;）

Div--dl--dt--dd:

常用于图文混编组合

Table--tr--td:

常用于显示数据

Li:

None:

无风格

Disc:

实心圆

Circle:

空心圆

Square:

实心正方形

Decimal:

数字

行级元素：

alert（'hello,world'）">Hello

1738258674@">1738258674@

--功能性连接-->

Iframe建新窗口，让其他页面在本窗口显示

• 第一个页面
• 第二个页面
• 第三个页面

标签选择器：

标签名（li）{

样式

}

ID选择器：

（id唯一，只作用于一个元素,一般div用）

#名字{

样式

}

类选择器：

.名字{

样式

}

//使垂直方向居中

height:

300px;

line-height:

300px;

CSS导入式：

@import”mystyle.css”;

CSS链接式：

盒子属性：

Margin（外边距、边界）---margin-top/right/bottom/left（顺时针方向）

Padding（内边距、填充）---padding-top/right/bottom/left（顺时针方向）

盒子排放模式：

标准流模式：

块级盒子，自上而下，宽度自动延伸，自动换行

行级盒子：

自上而下，自左向右，空间是内容所占空间，自动换行

非标准流：

浮动与定位

在一个容器中浮动盒子与标准流并存，用clear取消浮动影响

两个盒子之间垂直margin不叠加（取最大值），水平margin叠加

超链接：

未访问状态（a:

link）

已访问（a:

visited）

鼠标移上状态（a:

hover）

激活选定状态（a:

active）----单击一刹那显示状态

行级元素大小事里边实际内容大小

JavaScript:

先声明变量，再赋值

Varwidth;width=5;

同时声明并直接赋值

Varwidth=5;

Varx,y,z=10;

不声明直接赋值

Width=5;

数据类型：

UndefinedNullBooleanStringNumber

2、BOM

使js能与浏览器对话

Windows常用属性：

（引用window属性方法，window可以省略）

Screen获得分辨率

History访问过的URL

1、back（）

2、forward（）

3、go（）

Location当前URL信息

Windows常用方法：

Window.open（“弹出窗口URL”,”窗口名称”,”窗口特性”）;

innerHTML设置体标签内容

varinfo=year+"年"+month+"月"+date+"日"+hour+":

"+minute+":

"+second;

varshowTimeDiv=document.getElementById（"showTimeDiv"）;

showTimeDiv.innerHTML=info;

innerText作为文本存储标签体内容

setTimeout（“调用函数”，”指定时间后”）;

setInterval（“调用函数”，”相隔时间段”）;

Window事件：

方式一：

window.onload=function（）{...}

方式二：

window.onload=function（）{

openWind（）;

vardelBt=document.getElementById（"delBt"）;

delBt.onclick=function（）{

delConfrim（）;

}

};

Visibility隐藏空间还在Display（blocknone）空间不在

Table

Onsubmit=”return方法（）”调用表单验证函数

正则表达式：

普通方式Varreg=/表达式/附加参数

构造函数Varreg=newRegExp（“表达式”,”附加参数”）

RegExp方法test（检索字符串中指定的值，正确返回true）

[]制定范围的任意字符，[asd]、[a-zA-Z0-9]

[^]不是的任意字符

Jquery:

1、文档就绪函数

$（document）.ready（function（）{//函数内容，可以为js代码，可以使jquery函数}）;

$（function（）{}）;

2、jquery语法

$（selector）.action（）;

3、常用函数

Attr（）Css（）

.hover（function（）{//轮回事件，指向、移除}

function（）{}）;

.bind（"click",function（）{}）;//绑定click事件

Json简介（属性名可以不加引号）

1.一个对象以“{”（左括号）开始，“}”（右括号）结束。

每个“名称”后跟一个“:

”（冒号）；

“‘名称/值’对”之间运用“,”（逗号）分隔。

名称用引号括起来；值如果是字符串则必须用括号，数值型则不须要。

例如：

varo={"xlid":

"cxh","xldigitid":

123456,"topscore":

2000,"topplaytime":

"2009-08-20"}；

2.数组是值（value）的有序集合。

一个数组以“[”（左中括号）开始，“]”（右中括号）结束。

值之间运用“,”（逗号）分隔

Varjsonranklist=[{"xlid":

"cxh","xldigitid":

123456,"topscore":

2000,"topplaytime":

"2009-08-20"},

{"xlid":

"zd","xldigitid":

123456,"topscore":

1500,"topplaytime":

"2009-11-20"}];

Url与success必须有