CSS+JS

CSS:层叠样式表，用于设置网页的显示效果，将网页显示的效果和内容分离。Html只需把文本内容封装起来不用属性。

CSS与HTML的四种结合方式：*在html的标签上提供一个属性，style=“CSS的代码”

*在html的文件，提供一个标签<style type="text/css">CSS的代码</style>，放在head标签中间 

*引入外部CSS文件，css文件后缀名为.css  该方式经常使用。iimport url("css文件的地址")；

                                                                  属性必须要写style标签内部,不区分大小写，当“；”不能少。

*引入外部文件的方式，通过<link>  写在head标签之间，不要放在style中间；

rel：代表当前和引入文件之间的关系  herf：引入CSS文件的地址。

CSS的优先级：从上到下，由内到外，优先级从低到高（一般情况） 标签名选择<类选择器<ID选择器<style属性（特殊情况）

CSS的写法：div{css的属性：值}    如果一个值有多个属性，值与值之间使用空格隔开。

CSS的选择器：* 基本选择器      * 标签名选择器 div{} span{}

* 类选择器：设置不同的标签，具有相同的样式      在HTML的标签上，提供了属性class  写法：class的名称

* ID选择器：在HTML的标签上，提供的属性id     写法：#id的名称 * 一般情况下：设置不同的ID  * 一般情况下给js语言来使用。

   * 扩展选择器     * 关联选择器：标签可以嵌套，标签与标签之间的关系。          写法：中间用空格隔开 例子（div font{CSS的代码}）
* 组合选择器：对多个不同的选择器进行相同的样式 写法：在多个不同的选择器之间用 , 隔开
伪元素选择器： 定义好的一些选择器，用就ok .               * 如果使用超链接伪元素选择器：使用顺序： L V H A

* JAVASCRIPT（JavaScript简写js，文件的后缀名也是  demo.js）（*****）   

js是基于对象和事件驱动的脚本语言，作用在客户端（浏览器）上。   特点：* 交互性 * 安全性：（不可以访问本地的硬盘）* 跨平台性：因为浏览器就可以解析js的文件。   

    与java的区别：* js的基于对象，java是面向对象。* js解析就可以执行，java先编译再执行。* js是弱类型的语言，java是强类型语言。

* javascript语言的组成* ECMAScript    标准（js的语法，变量，函数）* BOM（Browser Object Model）浏览器对象模型  * DOM（Document Object Model）文档对象模型

js和HTML的结合一起。（2两种方式）: * js和HTML的结合     HTML的文件提供了一个标签 <script type="text/javascript">js的代码</script>，标签可以放在 HTML文件的任意位置上。
* 引入外部的文件，有一个外部的文件。编写js文件。* <script src="引入js文件（相对路径）" >*  如果script通过src的属 性引入了外部的文件，里面的js代码就不会执行了。（*****）* </script>，标签可以放在HTML文件的任意位置上。

* 关键字    var 声明变量          * 声明变量，只使用一个关键字 var num = 12;  var str = "abc"; *

5种基本数据类型: Undefined、Null、Boolean、Number 和 String 
* String 字符串类型      * js中双引号和单引号都代表的是字符串
* Number 数字类型      * 不区分整数和小数
* Boolean 布尔类型
* Null 空，给引用赋值的
* Undefined 未定义（声明变量，没有赋值）
* typeof() 判断当前变量是什么类型的数据

* js的运算符: * 算术运算符 * 0或者null是false，非0或者非null是true，默认用1表示。     * 不区分整数和小数
* 比较运算符 * == 比较值是否相同 * === 比较值和类型是否相同
* 三元运算符 ?值1:值2
* 声明数组
* var arr = [12,34,55];
* var arr = new Array(5); 声明数组，长度是5
* var arr = new Array(2,3,4); 声明数组，元素是2 3 4
   * 数组的属性    * 长度：length    * 数组的长度是可变的。
 * js的方法
* java中 public String 方法名称(参数列表(int num,String str)){
方法体;
return null;
}

* js中，通过关键字function 声明方法。
                function 方法名称(参数列表 (num,str)){
方法体;
return;
}
* 参数列表：不能使用var关键字
* 返回值：可写可不写的，如果有写返回值，如果没有，返回值可以省略不写。
* 在函数的内部，有一个数组，装传过来的参数的    arguments