html和css.docx
《html和css.docx》由会员分享,可在线阅读,更多相关《html和css.docx(24页珍藏版)》请在冰豆网上搜索。
html和css
position:
absolute.
relative相对定位.
1.从原来的位置开始偏移.
2.相对定位的内容也会漂浮起来。
但是还会占着原来的位置。
如下
DOCTYPEhtml>
div{
width:
100px;
height:
}
.d1{
background-color:
#FF0000;
.d2{
#00FF00;
relative;
top:
20px;
left:
.d3{
#FFFF00;
1
2
3
fixed,将内容固定住,同时也会漂浮起来。
fixed;
关闭
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的地方,就用这个工具。
(这叫做封装。
)
方法一:
加入购物车
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+"px";
elt.innerHTML=msg;
elt.style.textAlign="center";
elt.style.lineHeight=h+"px";
elt.style.fontSize="30px";
elt.style.fontWeight="bold";
elt.style.position='absolute';
elt.style.top=200+"px";
elt.style.left=(document.body.offsetWidth-w)/2+"px";
document.body.appendChild(elt);
functionshutdown(){
varmsg=document.getElementById("msg");
document.body.removeChild(msg);
setTimeout(shutdown,1000);
方法二,让提示框是震动地。
步骤一
varstart=newDate();
varA;
functionanimate(){
varnow=newDate();
varlast=now-start;
elt.style.left=last+"px";
if(last>=2000){
document.body.removeChild(elt);
clearInterval(A);
A=setInterval(animate,1);
插播知识点:
Math.sin();度数有360种,所以sin(度数)的返回值也有360种,以下就是将这360种度数对应的sin返回值输出。
观察输出的结果,会发现:
范围-1~~1之间。
不是匀速渐变。
方法2:
先把上面的sin看懂
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+"px";
if(last>=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();
System.out.println("电脑出:
"+quan[a]);
System.out.println("你出:
"+quan[b]);
System.out.println("结果:
"+jieguo[a][b]);
杨辉三角
int[][]a=newint[10][10];
for(inti=0;ia[i][0]=1;a[i][i]=1;}for(inti=2;ifor(intj=1;ja[i][j]=a[i-1][j]+a[i-1][j-1];}}for(inti=0;ifor(intj=0;j<=i;j++){System.out.print(a[i][j]+"\t");}System.out.println();}}} 展开阅读全文 相关资源 古代传统春联汇总.docx 小学语文常见同音字练习.docx ICS国际标准分类号.docx 在线特殊符号大全.docx 繁体个性签名带符号.docx 面相教学口述篇.docx 部编版三年级语文上册第二单元教案.docx 特殊符号大全2更新.docx 高中组小作文试题.docx 玉溪生诗笺注札记永嘉李达兼善撰.docx 猜你喜欢 幼儿园课题研究工作总结.docx 人教版初中物理复习笔记.doc 英语5000单词带音标.doc 人教版小学一年级下册语文试卷88404.doc 微观经济学课后习题答案第七章.doc 部编版四年级语文上册单元测试题全套及答案.docx 人教版数学五年级上册第二单元《位置》导学案(1).doc 南开19秋学期(1709、1803、1809、1903、1909)《公司财务》在线作业-000答案3.docx 攻读博士学位期间本人拟致力研究的问题和设想的陈述.docx 相关搜索 html css 当前位置:首页 > 自然科学
a[i][0]=1;
a[i][i]=1;
for(inti=2;ifor(intj=1;ja[i][j]=a[i-1][j]+a[i-1][j-1];}}for(inti=0;ifor(intj=0;j<=i;j++){System.out.print(a[i][j]+"\t");}System.out.println();}}} 展开阅读全文 相关资源 古代传统春联汇总.docx 小学语文常见同音字练习.docx ICS国际标准分类号.docx 在线特殊符号大全.docx 繁体个性签名带符号.docx 面相教学口述篇.docx 部编版三年级语文上册第二单元教案.docx 特殊符号大全2更新.docx 高中组小作文试题.docx 玉溪生诗笺注札记永嘉李达兼善撰.docx 猜你喜欢 幼儿园课题研究工作总结.docx 人教版初中物理复习笔记.doc 英语5000单词带音标.doc 人教版小学一年级下册语文试卷88404.doc 微观经济学课后习题答案第七章.doc 部编版四年级语文上册单元测试题全套及答案.docx 人教版数学五年级上册第二单元《位置》导学案(1).doc 南开19秋学期(1709、1803、1809、1903、1909)《公司财务》在线作业-000答案3.docx 攻读博士学位期间本人拟致力研究的问题和设想的陈述.docx 相关搜索 html css 当前位置:首页 > 自然科学
for(intj=1;j
a[i][j]=a[i-1][j]+a[i-1][j-1];
for(inti=0;ifor(intj=0;j<=i;j++){System.out.print(a[i][j]+"\t");}System.out.println();}}} 展开阅读全文 相关资源 古代传统春联汇总.docx 小学语文常见同音字练习.docx ICS国际标准分类号.docx 在线特殊符号大全.docx 繁体个性签名带符号.docx 面相教学口述篇.docx 部编版三年级语文上册第二单元教案.docx 特殊符号大全2更新.docx 高中组小作文试题.docx 玉溪生诗笺注札记永嘉李达兼善撰.docx 猜你喜欢 幼儿园课题研究工作总结.docx 人教版初中物理复习笔记.doc 英语5000单词带音标.doc 人教版小学一年级下册语文试卷88404.doc 微观经济学课后习题答案第七章.doc 部编版四年级语文上册单元测试题全套及答案.docx 人教版数学五年级上册第二单元《位置》导学案(1).doc 南开19秋学期(1709、1803、1809、1903、1909)《公司财务》在线作业-000答案3.docx 攻读博士学位期间本人拟致力研究的问题和设想的陈述.docx 相关搜索 html css 当前位置:首页 > 自然科学
for(intj=0;j<=i;j++){
System.out.print(a[i][j]+"\t");
System.out.println();
copyright@ 2008-2022 冰豆网网站版权所有
经营许可证编号:鄂ICP备2022015515号-1