css3拓展:
<display:none> 将某个元素隐藏 <visibility:hidden> 也是将某个元素隐藏
<display:block> 显示 <visibility:visible> 显示
<display>与<visibility>的区别在于:<display>隐藏后不占位置 <visibility>隐藏后位置还在
当两个<div>重叠在一起时,当内部<div>比外部大时,显示内部<div>。
<overflow:hidden> 超出部分隐藏
<scroll> 超出部分滚动条显示
透明:opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50) 这三种一起用,是为了能兼容各种浏览器
圆角:border-radius:5px (可以调整像素来改变圆角大小)
透明:box-shadow: 0 0 5px 5px white;
(与X轴的距离)(与Y轴的距离)(阴影距离div有多远)(阴影的粗细)(颜色)
JS的基础语法、程序基本知识、数据类型、运算符表达方式、语句: JS代码使用原则:尽量靠下
程序的基本知识:
①所有字符都是半角英文;
②大部分情况下每条语句结束时要加分号;
③每一块代码结束后加换行;
④写程序时一定要前后呼应(例: 当前面有括号时,后边也一定要有括号结束)
基础语法:
⒈注释语法: 单行注释:// 多行注释:/* */ 嵌入格式<script type="text.javascript"> 尽量靠下
⒉输出语法:① alert(信息提示,弹出):弹窗。
② confirm(弹出信息):弹出一个和用户交互的对话框
③ prompt(弹出信息):弹出一个可以让用户输入的对话框
数据类型:
⒈变量:数据在程序中存储,存储的名称叫做变量。一般来说,变量是用来存储数据的。(通用类型var ,可以随便存储其它类型的值)
①强类型语言:分类存档,存储在相应的数据类型变量中
②弱类型语言:不管输入什么类型数据,存储方式都一样,在此类型语言中,类型会自动转换。
⒉存储类型:
①数字类:⑴整形(整数):int ⑵单精度小数:float ⑶双精度小数:double ⑷小数:decimal
②货币类型:money
③字符:char
④字符串:string
⑤布尔型(只能存储两个状态,逻辑的真假): 1、 true:真 2、false:假
⑥日期时间类型:datetime
⒊变量定义:
var a = 10;
var b = 5;
var c = a+b;
alert(c) alert:输出
如果定义小数或整数的变量,等号后面的值直接写
如果定义字符串的变量,等号后面的字符串一定要加双引号(单引号)
如果定义布尔型,等号后面直接写 (例:var sex(性别) = true;)
⒋转换方式:
转整数:parseint(转换内容); parse
运算符表达方式:
⒈数学运算符:+ - * / (在强类型语言中,整数/整数一定等于整数) %
⒉逻辑运算符:&&: 并且(多个条件必须同时成立) ||: 或(满足其中一个条件就可成立) !: 非
⒊字符串的拼接:也是用 + (+两边只要有一边有字符串就是拼接)
⒋三元运算符:var a = 8;
var b = 5;
var c = a==b?"A等于B":"A不等于B"
(条件) (成立时显示内容) (不成立时显示内容)
?前面也可以写 true 或者 false
⒌比较运算符:判断是否等于:== 判断是否不等于:!= 判断是否大于:> 判断是否小于:<
判断是否大宇等于:>= 判断是否小于等于:<=
语句:if switch
⒈顺序语句:从上往下依次执行,结束时都要加分号。
⒉分支语句:让程序根据条件的不同,来执行不同的代码。
例: var a = 10;
var b = 5;
条件
例子:if(a==b)
{
alert(满足条件时,所执行的代码)比如("123")
}
else if(a>b)意思是那么如果
{
alert(满足else if条件时,所执行的代码)比如("789")
}
else:那么
{
alert(不满足条件时,所执行的代码)比如("456")
}
例子:if 套嵌
条件:a = 5;
if(a>2)
{
if(a>3)
{
alert("123")
}
else
{
alert("456")
}
}
例子:switch
条件:var a = 3
switch(a)
{
case 1:
alert("123");
break; break(跳出,也就是满足条件后直接输出,不执行下面的代码)
case 2:
alert("456");
break;
case 3:
alert("789");
break;
default: default(当前面所有case不成立时,执行此语句)
alert("输入内容不再范围内")
}