JavaWeb入门（2）

CSS：页面美化和布局控制
1.概念：（Cascading Style Sheets）层叠样式表；
层叠：多个样式可以作用在同一个html的元素上，同时生效。

2.优点：
（1）功能强大；
（2）将内容展示和样式控制分离；
（3）降低耦合度；
（4）分工协作更容易；
（5）提高开发效率。

3.CSS的使用：CSS与html结合方式
（1）内联样式：在标签内使用style属性指定CSS代码；
（2）内部样式：在head标签内，定义style标签，style标签的内容是CSS代码；
（3）外部样式：定义CSS资源文件，在head标签内定义link标签，引入外部资源文件。该格式可写为：style标签内：@import “css/**.css”；

4.CSS语法：
（1）格式：
选择器 {
属性名：属性值；
…
}
（2）选择器：筛选具有相似特征的元素。
注意：每一对属性需要用 “；” 隔开，最后一个可以不加“；”

5.选择器：
（1）基础选择器：
id选择器：选择器具体的id属性值的元素，形如：#id值{ }，建议在一个html页面中id值唯一，id选择器优先级最高。
元素选择器：选择具有相同标签名称的元素，形如：标签名称{ }
类选择器：优先级高于元素选择器，选择具有相同的class属性值的元素。形如：.class属性值{ }。
（2）扩展选择器：
*选择器：选择所有元素；
并集选择器：选择器1，选择器2 { }
子选择器：选择器1 选择器2 { }
父选择器：选择器1>选择器2 { }
属性选择器：选择元素名称，形如：元素名称【属性名=“属性值”】{ }
伪选择器：选择一些元素具有的状态

6.属性：
（1）字体、文本：font-size（大小）、color（颜色）text-align（对齐方式）、line-height（行高）
（3）边框：border
（4）尺寸：width，height
（5）背景：background

7.盒子模型：控制布局
（1）margin：外边距
（2）padding：内边距
（3）float：浮动，有left、right。

JavaScript：一门客户端脚本语言。
1.概念：运行在客户端浏览器中的。每一个浏览器都有JavaScript的解析引擎。
脚本语言：不需要编译，直接就可以被浏览器解析执行。

2.功能：可以来增强用户和html页面交互过程，可以来控制html元素，让页面有一些动态效果，增强用户的体验。

3.JavaScript发展史：
（1）1992年，Nombase公司，开发出第一门客户端脚本语言，专门用于表单的校验。命名：C–，后更名为：ScriptEase。
（2）1995年，Netscape（网景）公司，开发了一门客户端脚本语言：LiveScript。
（3）1996年，微软抄袭JavaScript开发出JScript。
（4）1997年，ECMA（欧洲计算机制造商协会）制定出客户端脚本语言的标准：ECMAScript，就是所有客户端脚本语言的标准。

4.JavaScript = ECMAScript + JavaScript自己特有的东西（BOM + DOM）

5.ECMAScript：客户端脚本语言的标准。

1. 基本语法
   （1）与html结合方式
   内部JS：定义script，标签体内容就是js代码。
   外部JS：定义script，通过src属性引入外部的js文件。
   注意：script可以定义在html页面的任何地方，但是定义的位置会影响执行的顺序。
   （2）注释方式：//（单行注释）或/**/（多行注释）
   （3）数据类型：
   原始数据类型：number、string（字符串）、boolean、null、undefined
   引用数据类型：对象
   （4）变量：
   Java语言是强类型语言（开辟变量存储空间时，定义空间将来存储的数据的数据类型，只能存储固定类型的数据），JavaScript是弱类型语言（开辟变量存储空间时，不定义空间将来存储的数据类型，可以存放任意类型的数据）。
   语法： var 变量名 = 初始化值；
   在页面上显示数据：document.write（）；
   （5）运算符：
   一元运算符：++、–、+（正）、-（负）
   算术运算符：+、-、*、/、%
   赋值运算符：
   比较运算符：<、>、===（判断之前需判断类型是否相等）
   逻辑运算符：与&&、或||、非！（均具有短路效果）
   三元运算符：？ ：
   （6）流程控制语句：
   if…else…
   switch
   while
   for
2. 基本对象
   （1）Function对象：函数对象
   创建：var fun = new function（形式参数，方法体）{}或者function fun（形式参数）{方法体}
   属性：length代表形参的个数
   特点：方法定义时，形参的类型不用写；方法声明中有一个隐藏的内置对象（数组）arguements，封装所有的实际参数。
   调用：方法名称（实际参数列表）
   （2）Array对象：
   创建：var arr = new Array（元素列表）；或者var arr = new Array（默认长度）；或者 var arr = 【元素列表】；
   方法：join（参数）——将数组中的元素按照指定的分隔符拼接为字符串；
   push（）——向数组中末尾添加一个或者更多的元素，并返回新的长度；
   属性：length数组的长度；
   特点：JS中数组元素的类型，数组长度可变。
   （3）Date对象：
   创建：var date = new Date（）；
   方法：toLocaleString（）；返回当前Date对象对应的时间本地字符串格式；getTime（）：获取毫秒值。返回当前时间对象描述的时间到1970年1月一日零点的毫秒之差。
   （4）Math对象：数学对象。
   创建：Math对象不需创建，直接使用。Math.方法名（）；
   方法：random（）返回0~1之间的数；
   ceil（x）对数进行上舍入；
   floor（x）对数进行下舍入；
   round（x）把数四舍五入为最接近的整数。
   （5）RegExp：正则表达式对象。
   A.正则表达式：定义字符串的组成规则。
   单个字符：【a】 【ab】【a-z A-Z 0-9】；\d：【0-9】；\w：【a-z A-Z 0-9】
   量词字符：？（出现0/1次）；*（出现0/多次）；{m，n}（m<=数量<=n）；
   B.正则对象：
   创建：var reg = new RegExp（“正则表达式”）；var reg = /正则表达式/；
   方法：test（）验证指定的字符串是否符合正则定义的规范。
   （6）Global对象：
   特点：全局对象，这个Global中封装的方法不需要对象可以直接调用
   方法：encodeURI（）：url编码；decodeURI（）：URL解码；parseInt（）：将字符串转为数字，直到不是数字为止，将前面的数字部分转为number。isNaN（）：判断一个数是否为NaN；eval（）：执行片段。