Css和JavaScript

css简介：层叠样式表
将网页的显示样式和内容分离，提高显示功能
css和html的结合方式四种

1. 在每个html标签上都有一个属性 style <div style ="background-color:red;color:white">天行有常不为尧存 不为桀亡</div>
2. 使用<style> 标签 写在head 里面
   3.写在css文件里面
   
   
   通过@import url直接引用来写这个
3. 使用 头标签 link标签 引入外部css文件 < link rel ="stylesheet " tyoe="text/css" href="css.css"/>
   
   第三种结合方式缺点：某些浏览器不起作用 用的最多的是第四种方式
   css优先级：从上打下 由外到内 优先级由低变高 越远越低
   css选择器：对那个标签的数据进行操作
   （1） 使用标签名作为选择器名称
   （2）class选择器 每个html标签都有一个属性 class
   （3）id选择器加一个#号 和class很像
   优先级：style>id>class>标签
   css盒子模型：
   （1）边框 border top bottom
   （2）内边距 padding
   （3）外边框 margin

css布局漂浮：
float ：left 文本流向对象右边
right：文本流向对象左边

css布局定位属性：postion

absolute 将对象从文档流中拖出
top bottom完全定位
relative：不会把对象拖出去
Javascript：是基于对象和时间的驱动语言
事件驱动：动态效果
客户端 专指浏览器
特点：

1. 交互性 信息的动态交互
2. 安全性 不能直接访问本地磁盘的文件
3. 跨平台性 只要能够支持js的浏览器 都可以运行
   和java的区别
   没有关系 雷锋和雷峰塔；
   不是一个公司的东西
   java是面向对象 强类型语言 而 JavaScript是基于对象 弱类型语言
   JavaScript只需要解析就可以执行而java需要先编译成字节码文件
   js组成
   ecmascript 欧洲计算机组织
   bom 浏览器对象
   dom 文档对象模型
   js和html结合
   （1）使用标签<script type="text/javascript">
   （2）使用script标签引入一个外部的js文件
   创建js文件 写js代码<script type ="text/javascript" src="1.js">
   js的原始类型和声明变量
   java的基本数据类型 byte short int long float double char
   js的原始类型
   string 字符串 var str=“abc ”
   number 数字类型
   boolean ture和false
   null 获取对象的引用 null表示对象引用为空
   undifined 定义了一个对象没有赋值
   typeof（）查看当前数据类型
   js的语句
   jar1.7支持的都支持
   js的运算符
   ==比较的是值
   ===比较的是类型
   引入知识
   直接向页面输出的语句
   document.write("aaa")
   同时可以直接写html代码
   可以向页面输出变量
   js的数组 length 长度
   定义方式： var arr =[1,2,3] var arr2=[1,2,"4",true]
   使用内置对象 Array
   var arr1=new Array（5）; 5是数组的长度
   var arr2 =new Array（1,2，3）； 123 是数组的元素；

js的函数
function 方法名（参数列表）{
方法体；
返回值可有可无；
}
匿名函数 需要给取个名字
var a= function （参数列表）{
方法体和返回值；
}
js全局变量和局部变量
全局 在script标签里面定义一个变量 在页面中的js都可以使用
局部 在方法内部定义一个变量 只能那个在方法内部使用 在外部调用变量提示出错
ie自带一个调试工具12
script标签放的位置
建议放在后面
如果有一个需求 在js里面需要获取到input里面的值 如果把script标签放到head里面会出现问题
html解析是从上到下解析的 script标签方道德是head 直接在里面取input 的值
因为页面还没有解析到input那一行 肯定取不到
js重载
js是否有重载