定位、高度塌陷（web,day02）

定位

1.绝对定位：
相对于父容器的，如果没有是body
可以作为定位的父容器的条件：必须有position属性,并且值为absolute，
relative，fixed其中一个
如果两个容器绝对定位的属性相同，那么后一个会覆盖前一个，包括文字
绝对定位的组件会随着窗口的滚动移动。

2.z-index属性

3.相对对位：
保留组件文档流的位置

4.fixed（视口定位）
不随着窗口的滚动而移动

高度塌陷

两个容器中，内部容器的margin-top失效，
解决方案：
1.在外层容器中使用border
2.overflow:
3.margin-top改用padding-top

javascript:
1.数据类型

字符串（String）：""
str = “hello”;
var x = “abc”;
数值number：
var a = 2;
b = 3.4;
布尔型boolean
var b1 = true;
b2 = false

if(3){}//非0即为true 正确的
undefined:
var x ;
null;
var obj = null;

typeof(变量名)：返回数据类型
2.弱类型 定义变量 var
var str;
变量的数据类型由值决定
3.运算符：
同java
值相等 ==
强类型判断相等值相等===

4.语句：
if(3){
语句体；
}
for(var i=0;){
}

5.函数：
分类：自定义函数和系统函数

  function 函数名（参数列表）{}

	//无参无返回值
	function fun1(){
		alert("fun1");		
	}
	//fun1();//调用函数
	//有参无返回值
	function fun2(x, y){
		alert(x+y);
	}
	fun2(2,3);
	function fun3(){
		return "hello";
	}
	alert(fun3());
	function fun4(x,y){
		return x+y;
	}
	alert(fun4(3,4));

复习：
列表：list-style: none;
文本框：placeholder=“请输入用户名”
select：option
CSS：选择器
div +p{} 下一个兄弟
div ~p{} 后边所有兄弟
使用：
style：内嵌式
< style>< /style>
外部的css文件*.css
3、盒子模型
内容+内边距+边框+外边距
4、块级元素div p
行内元素a,span,input,img
5、和文本相关属性
font-family
font-size
color
text-align
line-height
text-decoration
list-style
6、内边距和外边距
margin:10px,10px,10px,10px;上右下左
margin:10px,10px,10px,上，左右，下
margin:10px,10px,上下，左右
margin:10px 四个方向
margin:-left
margin-top
padding:
padding-left
padding-top
6、背景
background-color
background-image:url(“jjj.jpg”);
7、边框
border:1px solid bule;
8、文档流
脱离文档流
float:right/left //不挡文字