CSS:
浮动:让元素浮动起来,HTML中块级标签,行级标签
块级标签:一个标签占一行
行级标签:多个标签共占一行
overflow: hidden;防止塌陷!
但是在实际的开发过程中,我们可能会需要多个块级标签也共占一行!
float:left/ right;

二、定位

定位:跟浮动一样,也是一个用来改变标签位置的技术!
4种定位技术:
relative 相对定位
absolute 绝对定位
fixed 固定定位
static 静态定位,默认

1、相对定位

相对定位:相对于原有的位置进行定位!
相对定位,不会释放原有的空间!

2、绝对定位

(1)、如果没有祖先元素,那么针对浏览器的左上角进行定位
(2)、如果有祖先元素,那么就针对第一个具有定位属性的祖先元素进行定位

3、固定定位

固定定位:不管是否具有祖先元素,统一参照浏览器的左上角定位

3、默认定位

static

4、改变层叠关系

z-index 属性,设置div的层叠关系
0处于最下层,以此递增

JavaScript:
Javascript 简称 JS,作用:给网页添加动作
Javascript 与 Java 的关系:
(1)、Java 是一种服务器编程语言,而Javascript是前端编程语言!
(2)、Java 是Sun公司开发的,而Javascript 是网景公司Netscape开发的语言!
(3)、除了名字差不多,其它没有什么关系!
JavaSciprt 的特点:
(1)、语法非常简单,易学易用
(2)、解释性语言,性能非常高效
(3)、跨平台,适用于全部的浏览器
(4)、同样支持面向对象
JavaScript 的作用:
(1)、可动态的改变网页的内容,动态的修改网页的内容
(2)、可动态的改变网页的渲染效果
(3)、可以与服务器进行通讯,并且根据服务器的响应结果,做出网页的改变
JS的数据类型:简单数据类型,复合数据类型,特殊数据类型
(1)简单数据类型
数值,字符串,布尔数据类型
(2)、复合数据类型
数组,函数,对象
(3)、特殊数据类型
undefined 通常表示某一个变量未定义,或没赋值
null 通常表示某一个变量有值,但是值是null
在JS中 null 是不能和任何数据类型进行比较
ES5中,使用var 来定义变量