html和cssWord文件下载.docx

html和cssWord文件下载.docx

《html和cssWord文件下载.docx》由会员分享，可在线阅读，更多相关《html和cssWord文件下载.docx（24页珍藏版）》请在冰豆网上搜索。

height:

}

.d1{

background-color:

#FF0000;

.d2{

#00FF00;

position:

relative;

top:

20px;

left:

.d3{

#FFFF00;

}

/style>

/head>

body>

<

divclass="

d1"

>

1

/div>

d2"

2

d3"

3

/body>

/html>

fixed,将内容固定住，同时也会漂浮起来。

fixed;

<

spanonClick="

this.parentNode.style.display='

none'

"

关闭<

/span>

br>

margin属性，控制容器的外边据.被加上margin属性的容器不会漂浮，所以移动后，会将其它内容排开。

float:

left;

margin-left:

10px;

Margin是margin-left、margin-right、margin-top、margin-bottom的综合。

Margin的取值顺序为：

上右下左。

并且当这四个值一样时，可以简写为一个：

margin:

当margin取值为auto时，容器会水平居中:

auto;

Padding控制内遍距。

padding:

15px;

在网页上，尽量不要使用alert.因为alert需要让用户点击一下，对用户体验不好。

我们自己给自己制作一个工具，以后凡是要用到alert的地方，就用这个工具。

（这叫做封装。

）

方法一:

buttononClick="

showMsg（'

加入成功'

300,100）;

加入购物车<

/button>

script>

functionshowMsg（msg,w,h）{

varelt=document.createElement（"

div"

）;

elt.id="

msg"

;

elt.style.border="

solidblack5px"

elt.style.backgroundColor="

yellow"

elt.style.width=w+"

px"

elt.style.height=h+"

elt.innerHTML=msg;

elt.style.textAlign="

center"

elt.style.lineHeight=h+"

elt.style.fontSize="

30px"

elt.style.fontWeight="

bold"

elt.style.position='

absolute'

elt.style.top=200+"

elt.style.left=（document.body.offsetWidth-w）/2+"

document.body.appendChild（elt）;

functionshutdown（）{

varmsg=document.getElementById（"

document.body.removeChild（msg）;

}

setTimeout（shutdown,1000）;

/script>

方法二，让提示框是震动地。

步骤一

varstart=newDate（）;

varA;

functionanimate（）{

varnow=newDate（）;

varlast=now-start;

elt.style.left=last+"

if（last>

=2000）{

document.body.removeChild（elt）;

clearInterval（A）;

}

A=setInterval（animate,1）;

插播知识点:

Math.sin（）;

度数有360种，所以sin（度数）的返回值也有360种，以下就是将这360种度数对应的sin返回值输出。

观察输出的结果，会发现：

范围-1~~1之间。

不是匀速渐变。

方法2：

先把上面的sin看懂

300,100,1000）;

functionshowMsg（msg,w,h,t）{

vard=Math.PI/180*50;

varjl=Math.sin（last*d）*10+（document.body.offsetWidth-w）/2;

elt.style.left=jl+"

=t）{

复习java.

1.7过

表驱动式，猜拳游戏。

importjava.util.Scanner;

publicclassFoo{

publicstaticvoidmain（String[]args）{

String[]quan={"

剪刀"

"

石头"

"

布"

};

String[][]jieguo={

//刀石布

{"

平局"

胜利"

失败"

},//第一行代表剪刀

},//第一行代表石头

}//第一行代表布

};

inta,b;

//a是电脑（行）b是用户（列）。

a=（（int）Math.random（）*1000）%3;

System.out.println（"

请出拳:

0剪刀\t1石头\t2布"

Scannersc=newScanner（System.in）;

b=sc.nextInt（）;

电脑出:

+quan[a]）;

你出:

+quan[b]）;

结果:

+jieguo[a][b]）;

}

杨辉三角

int[][]a=newint[10][10];

for（inti=0;

i<

a.length;

i++）{

a[i][0]=1;

a[i][i]=1;

for（inti=2;

for（intj=1;

j<

i;

j++）{

a[i][j]=a[i-1][j]+a[i-1][j-1];

for（intj=0;

=i;

System.out.print（a[i][j]+"

\t"

System.out.println（）;